Reduxのお勉強です。
前回はactionと、コンテナコンポーネントを作成しました。
今回は、reducerという、stateとactionを受け取ってstateを更新する処理を書きます。
起点となるReducerの作成
まずは全てのreducerの起点となるindex.jsを作成します。
とは言え、今回作成するreducerは1つだけですが。
slide Reducerの作成
次に、slideイベントのreducerを作成します。
かなりシンプルですが、このようになりました。
個別reducerを作成したので、起点となるreducerファイルに追記します。
CreateStateへの追記
さて、一番最初に書いた、アプリケーションのエントリーファイルであるindex.jsに追記します。
これで、storeにreducerを渡すことができました。
ディレクトリ構造の確認
今回までで必要なファイルは全てそろいました。
次回はふたたびプレゼンテーションコンポーネントの作成に戻ります。