Redux-data-flow

提供:Dev Guides
2020年6月23日 (火) 01:01時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先:案内検索

Redux-データフロー

Reduxは単方向のデータフローに従います。 これは、アプリケーションデータが一方向のバインディングデータフローに従うことを意味します。 アプリケーションが大きくなり複雑になると、アプリケーションの状態を制御できない場合、問題を再現して新しい機能を追加するのは困難です。

Reduxは、状態の更新がいつどのように発生するかを制限することにより、コードの複雑さを軽減します。 このようにして、更新された状態の管理は簡単です。 Reduxの3つの原則としての制限についてはすでに知っています。 次の図は、Reduxデータフローをよりよく理解するのに役立ちます-

データフロー

  • ユーザーがアプリケーションを操作すると、アクションがディスパッチされます。
  • ルートレデューサー関数は、現在の状態とディスパッチされたアクションで呼び出されます。 ルートレデューサーは、タスクをより小さなレデューサー関数に分割し、最終的に新しい状態を返します。
  • ストアは、コールバック関数を実行してビューに通知します。
  • ビューは更新された状態を取得し、再レンダリングできます。