業務系アプリの実装だからこそReact使おうぜ - タオルケット体操

2015/12/20 62 users React advent-calendar 実装 http

2015 - 12 - 20 業務系アプリの実装だからこそReact使おうぜ ブログカスタマイズ JavaScript React この記事は(React.js Advent Calendar 2015) http://qiita.com/advent-calendar/2015/reactjs の20日目の記事になります。 割とふわっとした感じの記事になるかとおもいます。 なお以下の文章は非We... 続きを読む

reactjs - reactをプロジェクトで本気で使ってみた感想 - Qiita

2015/12/09 66 users React redux Qiita プロジェクト みなさん

書こうと思った気持ち react+reduxを使ったプロジェクトを乗り切ったので、その辺で感じた事を書き連ねます。この記事では主にreact使ってみての感想なので、reduxと絡めた話はまた別記事で。 react使おうかなー、どうしよっかなー、という人の参考になれば幸いです。 reactの深い技術についての話は他のみなさんが書いてくれていると思うので、メリット・デメリットとか、こういう処理はここで... 続きを読む

reactjs - React component ライフサイクル図 - Qiita

2015/10/17 99 users Qiita 文章 React Component 理解 公式

React component はライフサイクルしっかり頭にいれてないとダメな気がする。 公式のページに文章で説明されているものを図にしてみた。個人的には理解が捗った。 続きを読む

reactjs - javascript再勉強のためにreact + ardaでマインスイーパーをつくったので気づきを忘れないようにメモ - Qiita

2015/08/06 162 users React マインスイーパー Qiita arda メモ

一ヶ月近くの有給休暇を経て8/1から完全な無職になりました。前職ではjsといえばviewsに$()を書きまくるという所業をはたらいておりましたが、railsはapi、フロントは別口でというのが流れであるっぽいので、ちゃんとしたjs作業をしましょうというのが今月のあらすじ。 成果物 うごいてるもの No Mines Land 左右同時押しがMouseEventから簡単にとれてびっくりした。 ソース ... 続きを読む

RailsをバックエンドにしたFlux(React + Alt)を試してみる ｜ Developers.IO

2015/07/23 63 users Flux 丹内 scaffold Rails React

丹内です。 最近ReactJSを触り始めました。 掲題の通り、Railsをバックエンドにした場合のFluxを書いてみたのでまとめます。 このエントリの参考URLにあるリポジトリを参考にしました。 バックエンド 普通のRailsアプリです。Scaffoldをベースに、フロントエンドを書いていきます。 db/migtate/create_books.rb class CreateBooks < Act... 続きを読む

reactjs - Reactデザインパターン - すべてがeになる - Qiita

2015/05/19 128 users Qiita すべて

次期プロダクトでReact.jsを使ってみようと思っていて、その設計をどうすれば良いのかと試行錯誤した結果、それなりにイケてる結論に辿り着いたので、そのメモ書きです。 作ってみれば、Fluxとはこういうことか！というのがわかります。(若干アレンジはされてると思うけど。) それまで漠然と「ふーん、なるほどね。。」みたいな感じでなんとなくしか理解してなかったFluxが実は超画期的なパラダイムシフトであ... 続きを読む

reactjs - React Native ファーストインプレッション - Qiita

2015/03/28 338 users Qiita ファーストインプレッション Props jsx

React Native 概要 React.js とだいたい同じ作法で、JavaScript で書いたコードが iOS ネイティブアプリとして一応動く。そのフレームワークと開発環境を提供する。 React.js と同じ React を謳っているとおり、JSX で UI コンポーネントを定義するとか、Props や State で View のデータフローを整えるとか、setState() によるデ... 続きを読む

reactjs - React 雑感 - Qiita

2015/03/18 382 users Qiita React プログラミングパラダイム 殴り書き

3/22 (日) の rebuild.fm で React の話をしようと思っているが、その前に頭を整理するために React 雑感。雑感なので殴り書き。 React はこれ一つで複数の課題を解決しようとしている。そのため、人と議論してると話のコンテキストがぶれやすい。ざっくりは フロントエンドのプログラミングパラダイムを、サーバーサイドのような富豪的なスタイルに変える コンポーネント (雑に言う... 続きを読む

React.jsをCoffeeScriptとjadeで書く | uzimith.github.io

2015/03/15 78 users Jade CoffeeScript React.js あたり

はじめに React v0.13.0 Beta 1 | React React.Componentを使うと生のJSのclass形式でReact Componentを定義できる reactjs - react-jadeでjadeテンプレートから仮想DOMを出力する - Qiita JSXのXの部分をjadeで書けるようにするライブラリ (Jade -> React VDOM) ここあたりの記事を読ん... 続きを読む

Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」 - かちびと.net

2015/02/20 57 users iOS WebComponents コンポーネント Mui

MUI MUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Componentsへの対応も取り組んでいるとのこと。他のJSやCSSに依存していないのも良いですね。尚、UI/UX、ReactJS、WebComponents、iOSやA... 続きを読む

reactjs - React.jsについてのリソース、そして締め - Qiita

2014/12/25 57 users Instagram Facebook GitHub リソース

メリークリスマス！ いよいよ最終日です！ ここまでReact.jsについて紹介してきましたが少しでも参考になって使ってみようと思ってもらえると幸いです。 React.jsはfacebook、instagramやGitHubのAtomEditorもちろん、↓を見てもらえればわかる通り「AirBnB」、「Atlassian」、「Netflix」、「Reddit」、「The New York Times... 続きを読む

reactjs - React.jsとFlux - Qiita

2014/12/22 97 users Flux Qiita Architecture リポジトリ

今回はReact.jsとも関わりがあるFluxについて紹介したいと思います。 http://facebook.github.io/flux/ Flux is Architecture https://github.com/facebook/flux ↑の図はfacebookのfluxのリポジトリにあるものですが、Fluxは上記のようなArchitectureの名称です。faceboo/fluxのr... 続きを読む

reactjs - React.jsとserver-side rendering - Qiita

2014/12/17 81 users Qiita DOM サーバーサイド React.js HTML

今回はReact.jsの大きな特徴の1つで、これが出来るから使うという人もいるserver-side renderingについて書きたいと思います。 server-side renderingとは文字どおりサーバーサイドでHTMLを生成してrendering出来るようにするものです。SinglePageApplicationのようなJavaScriptでDOMを組み立てるようなアプリケーションの場... 続きを読む

reactjs - 【個人メモ】React.jsを使ってserver-sideレンダリングを試す - Qiita

2014/12/12 53 users Qiita DOM github.com React.js

React.jsのserver-side レンダリングを試す React.js Tutorialではフロントエンドでの実例が用いられていた。 githubリポジトリ上には、React.jsを使ってDOM(Virtual DOM)をサーバサイド側で構築し、 フロントエンド側にはレンダリング結果を返す、というサンプルがある。 https://github.com/mhart/react-server-... 続きを読む

reactjs - React.jsとは - Qiita

2014/12/01 125 users Qiita VirtualDom React.js 要素

このAdvent Calendarについて 今年になって急に盛り上がってきたように感じるReact.jsですが、「ちょっと前まではAngular.jsって言ってたのに！」っていう人も多いと思うので、Advent Calendar形式で簡単に紹介していきたいと思います。 React.jsの重要な要素であるVirtualDOMについては別にAdevent Calendarがありますのでそちらも是非見て... 続きを読む

reactjs - Reactでサーバーサイドで生成したHTMLに対してDOMを初期化せずにReactComponentとして状態を更新する - Qiita

2014/11/29 64 users Qiita React ReactComponent DOM

この記事は VirtualDOM Advent Calendar 2014 - Qiita のネタが切れた時にどこからか指定されるやつです。中の人なんであんまり行儀悪いことすると怒られるんだけどな！ やりたいこと UXとSEOのためにイニシャルビューはサーバーサイドで生成し、再描画時にクライアントで同じテンプレートから生成するも、一旦画面を捨てて再構築するのを避けたい。 具体的には、サーバーサイド... 続きを読む

reactjs - 【個人メモ】React Tutorialをちょこっとやってみた - Qiita

2014/11/08 60 users Qiita 個人メモ

Reactが最近騒がれてるので、 よくわからないからReactjs tutorialを少しこなしてみた。 Reactとは ぐぐるとmizchiさんのブログエントリが出てくる。 Facebook製リアクティブプログラミングライブラリ React を試してみた + 感想 VirtualDOMという技術を使っているようだ。 [JavaScript] 仮想DOMを提供する『React』について少し調べてみ... 続きを読む

reactjs - [JavaScript] 仮想DOMを提供する『React』について少し調べてみた - Qiita

2014/10/03 62 users Qiita React ユーザインタフェース 仮想DOM 自分

たまに耳にする React を自分なりに少し調べてみたので、まとめがてらメモを残します。 ちなみに初めて React を知ったのは 天下一クライアントサイドJS MV*フレームワーク武道会でした。 Reactとは Facebook のチームが開発している、ユーザインタフェースを構築する為の JavaScript ライブラリです。公式ページ ⇒ http://facebook.github.io/r... 続きを読む