目的
Reduxの大まかな状態の管理方法や構成要素を把握すること
Reduxとは
状態管理を容易に行うライブラリ
状態とは
チェックボックスがチェックされているなどのアプリケーションが持っている情報
Reduxを構成する3要素
store
状態を保持しているオブジェクト
action
アプリケーション内で起きたことを説明するためのイベント
reducer
storeとactionから必要に応じてstoreを更新し、新しい状態を返す関数
特徴
すべてのデータへの変更をアクションとして記述する
→いつ、どこで、なぜ状態が変化したのかがわかりやすい
Redux DevTools Extensionを使用すると状態の変化を時系列で追うことができる
Reduxの3原則
- 信頼できる唯一のデータソース
- stateは読み込み専用
- 変更は純粋な関数で行う
dispatch
アクションオブジェクトをstoreに送る
storeではアクションオブジェクトと状態がreducerに渡され、reducerは新しい状態を返す
参考文献
Redux公式
https://redux.js.org/
Redux 入門 〜Reduxの基礎を理解する〜
https://qiita.com/soarflat/items/bd319695d156654bbe86