LoginSignup
3
0

More than 3 years have passed since last update.

redux公式 "三つの原則" の大体のイメージ

Last updated at Posted at 2019-06-26

redux公式の"三つの原則"についての箇所を私に向けて読みやすくしました。
または用語はわかるけどイメージがつかないという人へ。

1.アプリの全てのstateは、1つのstore内にある。 

1つのアプリ内にstateは複数あり、それをまとめるstoreは一つのみ。
conponentのなかでstateごとに画(view)を切り替える。

2.stateは読み取り専用。

stateを変更する唯一の方法は、actionに書くこと。

3.reducerは、stateからアクションを実行して新しいstateを返す。

reducerは、stateがactionによってどのように変換されるかを指定するために書く。

前のstateを変更するのではなく、必ず新しいstateを返すようにする。

また、同じ引数を渡されたら必ず同じ結果を返す(純粋関数)。

reducerは1つから使える。
→アプリが大きくなると、stateの特定の部分を他にreducerに小分けすることで管理しやすくなる。

reducerは、呼び出しの順序を制御したり、追加データを渡したり、ページ付けなどの一般的なタスクに再利用可能なものを作成することもできる。

iOS の画像 (1).jpg

参考:redux公式
https://redux.js.org/introduction/three-principles

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0