flux
flux 數(shù)據(jù)流向圖
用戶的一個操作Uer Interactions =>
把這個操作和值傳給Aciton Creator =>
根據(jù)你的要求來 產(chǎn)生一個Action （具體的操作）=>
Action會傳給Dispatcher（理解為大腦，MVC中的C莉兰，收到后會處理數(shù)據(jù)程梦，將Action發(fā)給所有的store）=>
然后會 調(diào)用不同的store卡骂，store會先進行更新 (MVC中的M吕朵，主要來說就是存儲數(shù)據(jù)和增刪改查鹦聪，并且store會在Dispatcher中注冊若债，在注冊的時候同時會告訴Dispatcher一個回調(diào)函數(shù)也就是CallBack, ) =>
然后 廣播出一個event事件 =>
React View 監(jiān)聽到這樣一個事情澡匪，就會向store發(fā)出請求 熔任，我要數(shù)據(jù)！拿到之后就會setState或者replace來更新狀態(tài)從而唁情， 觸發(fā)各個組件的render疑苔，頁面就得到渲染和展示
- 注意：
- 每一塊之間關(guān)系并不是1對1，是多對多的關(guān)系荠瘪，分層抽象的思想
- Action其實就是對于所有操作的一個抽象（比如調(diào)用Dispatcher然后把操作的參數(shù)傳給他）
- 適用于大型應(yīng)用
- 解耦合夯巷，把實現(xiàn)細節(jié)隱藏起來，每一塊只關(guān)心自己的東西
- 比較大和重哀墓，實用性不強
單向數(shù)據(jù)流
單向數(shù)據(jù)流
Redux
UI->Action->Reducer->Store(State)->UI
Redux
react-redux
react-redux
組件
. Reducer 會作用于container
.
compoment
