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

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

Fluxフローとは

なぜReduxを使うのか?

  1. stateの見通しをよくするため
  2. どこからでもstateを参照/変更可能にするため
  3. モジュール(機能のまとまり)を疎結合にするため

もしReactのみでstateを管理した場合


ひ孫でイベントが発生
孫→子→親へ伝達
親→子→孫へ伝達

Propsのバケツリレーが発生する

Reduxでstateを管理した場合


ひ孫でイベントが発生
ひ孫→Storeへ伝達
Store→孫へ伝達

Fluxフローとは?

  1. データフロー設計の1つ
  2. データが常に1方向に流れる
  3. イベントによってデータが変化(イベント駆動)

Flux思想をReactの状態管理に適用したライブラリがRedux