日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。ReduxReduxなカウンターアプリを作ってみました。感想としては、この規模だとFluxより楽な気がします。規模が大きくなるとどうなるのか未知数。FluxのChatサンプルでも書き直してみたらわかるかなぁ。Counterの作成まずはクラスがないと始まりません。データの入れ物のCounterクラスです。続けてインクリメントとデクリメントのActionを作っていきましょう。これはenum持っただけの簡単なものにしました。続けてReducerです。Actionを受け取ってCounterを変更して返します。counterApp;コンポーネントの作成ここら辺からreact-reduxの範疇になってきます。reduxに設定するアプリのプロパティは、dispatchというプロパティと、各種ステートを持ちます。今回のカウンターアプリの場合はCounterクラスを持たせるといいでしょう。}}アプリのステートをインターフェースとして定義しておきます。今回はcombineReducersでCounterを返すcounter関数を渡してるので、以下のような感じになります。ここらへん、combineReducersとの同期を手動でとらないといけないのでいまいち感。Models.Counter;}そして、AppStateからAppPropsへ変換するselect関数を準備します。};}次に、このselect関数を使ってAppクラスをreact-reduxと繋ぎます。connect(select)(App);そして、アプリのstateを作ります。Redux.createStore(todoApp);最後に、ProviderというタグでAppをくるんだものをReactDOM.renderに渡します。document.getElementById('content'));実行して動作確認ボタンを押してインクリメントデクリメントできるアプリが出来上がりました。formを作ってみようと思いました。Reduxでalertダイアログを出すこういう表示とデータを疎結合にしたときに問題になるのがダイ...2016-01-14ReduxってどうなってるんだってばよReduxが難しい。理解できたらいいんだろうけど。C#の組み合わせをメインに、たまにASP.NETやJavaなどの.NET系以外のことも書いています。Blogの内容は個人の見解であり、所属する企業を代表するものではありません。)はてなブログをはじめよう!okazukiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。