#はじめに
この記事では、Fluxモデルについて簡単にまとめました。
⚠️当方初学のため認識違いがある可能性大です
誤りを見つけた際はコメントにて指摘していただけると幸いです🙇♀️🙇♂️
#参考
この記事は、以下の情報を参考にして執筆しました。
#Fluxモデルとは
(https://facebook.github.io/flux/docs/in-depth-overview/ から引用)
Action : Viewから発火されて作られるイベント
Dispatcher : すべてのActionを受け都度Storeにイベントを発火
Store : データの管理とビジネスロジックを担当
View : 画面の描画、ユーザ操作を受ける役。
MVCの延長線上にある概念。
Action, Dispatcher, Store, Viewの4要素で構成される。
#Fluxの特徴
- 全てのデータのオペレーションがDispatcherに集約されている
- Viewで独立したデータを持つ
- データ状態を一方向のフローで制御
- Event駆動
#Action
Viewから発火されて作られるイベント。
必ずDispatcherに向かう。
#Dispatcher
すべてのActionを受けてStoreへ渡す。
#Store
データの状態管理やビジネスロジックを担当。
Dispatcherから受けたActionに応じてViewへデータを渡す。
#View
画面の描画、ユーザ操作を受ける役。
ユーザの入力によってActionを発火しStoreからのデータを受ける。