Stateless Functionでrefを利用する

Stateless Functionではrefsへの参照を生成しないため以下のようにして要素の内容を取得する

続きを読む

Re : Flux を使わずに React コンポーネント間のコミュニケーションを行う8つの方法

参考：Flux を使わずに React コンポーネント間のコミュニケーションを行う8つの方法 - Qiita

結構はやい段階でReduxに以降してしまったためココらへんの知識が浅いので色々と書いてためしてみました。続きを読む

Reactのcreate-react-appコマンド

Facebook公式のcreate-react-appコマンドを試してみる。

まずはcreate-react-appコマンドのインストール

npm install -g create-react-app

以下のコマンドで初期設定が開始される

create-react-app hello-world

hello-worldディレクトリに移動し、npm startで開始する。

cd hello-world
npm start

http://localhost:3000/とかで立ち上がる

src/App.jsなんかに修正を加えると自動ビルドされブラウザがリロードされる。

ただ、実際の製品に反映させたい場合は以下のコマンドを実行しなくちゃいけない

npm run build

React/ReduxのMiddleware

React/Reduxで非同期処理やアクションの制御はMiddlewareを介して行うのが良いらしい。続きを読む

react-router-reduxでTODOリスト

React+Redux でTODOリストで作ったTODOリストの一覧ページと追加ページを分離してreact-router-reduxで管理するサンプル。続きを読む

React+Redux でTODOリスト

React+Redux でTODOリストを作ってみたのでメモ続きを読む

Reactでinputを扱う

参考：Reactでinputを扱う - Qiita

Reactではinpuの値を自分で管理しなくちゃいけない。続きを読む

react-routerの使い方

react-routerの使い方メモ。続きを読む

ReactのshouldComponentUpdateサンプル

ReactのライフサイクルないのshouldComponentUpdate()でfalseを返すとrenderメソッドが走らない。
続きを読む

React+ES6でTODOリスト

React+ES6でTODOリスト作ってみた。続きを読む

React.ComponentでReact.findDOMNode()がエラーになる

React.ComponentでReact.findDOMNode()を利用しようとすると「Uncaught TypeError: _react2.default.findDOMNode is not a function」というエラーが出てしまいました。続きを読む

React+Redux+ES6でカウンター

React+ES6でカウンターのRedux使ったバージョン。続きを読む

React+ES6でカウンター

React+ES6でカウンターサンプルを作ってみました。続きを読む

Webpackでファイル監視

「WebpackでReactを使ってみる」の続き。

Webpackでファイル監視を行い自動コンパイルを行うには「webpack --watch」で起動すれば監視が開始します。

WebpackでReactを使ってみる

とりあえずWebpackでReactを使うまでのメモ続きを読む

React.js入門1

なんとなくReact.jsを入門してみる。
続きを読む