React With Reduxのサンプル

React With Reduxのサンプル

React with Reduxのサンプルプログラムです。+/-でインクリメント/デクリメントするシンプルなカウンターアプリです。Reactの状態管理にReduxを使用します。

個別のコンポーネントは独自の状態を持たず、プロパティを通してReduxのStoreを参照します。react-reduxProviderコンポーネントがStoreへのアクセスを処理します。

コンポーネントにアクションを登録する部分ではHOC(High Order Component)という仕組みが出てきます。react-reduxconnectがHOCを作る関数です。

動作環境のリンク。

ソースコード。