フロントエンド勉強用+メモ

主にフロントエンドの勉強用+メモとして自分用に残していくブログ

Redux

Actions,Reducers,Storeの働き

Actions 純粋にデータだけを記述するため Reducers Actionsからデータを受け取り、Storeのstateをどう変更するか決める Reducersはデータの初期状態、変更前と後を知りたいので、initialStateを記述する Store react-reduxのProviderとは propsにstoreを渡す…

Fluxフローとは

なぜReduxを使うのか? stateの見通しをよくするため どこからでもstateを参照/変更可能にするため モジュール(機能のまとまり)を疎結合にするため もしReactのみでstateを管理した場合 ひ孫でイベントが発生 孫→子→親へ伝達 親→子→孫へ伝達 Propsのバケツ…

Reduxにおけるconnectを理解する

connect()の引数 connectの呼び出し方はmapStateToPropsとmapDispatchToPropsという2つの関数を引数に取ります。 それぞれ以下の役割がある データ型 用途 mapStateToProps storeが持っているstateをpropsに入れて子コンポーネントに渡す mapDispatchToProps…