React 完全攻略

Redux 基本操作

Redux 的關鍵流程

狀態資料

狀態處理

Reducer

通知處理

Handler

Action

外部程式觸發行動

通知外部程式,狀態已改變

建立狀態儲存空間

Redux.
createStore(狀態處理函式, [初始狀態]);

派送改變狀態的行動

let
store=React.createStore(...);
store.dispatch(行動物件);

回應狀態的改變

let
store=React.createStore(...);
store.subscribe(通知處理函式);

停止回應狀態的改變

let
store=React.createStore(...);
let
unsubscribe=store.subscribe(通知處理函式);
unsubscribe();

取得最新的狀態

let
store=React.createStore(...);
store.getState();

實際操作演練

Redux 基本操作 - Google Slides