react 狀態機管理

b10l07發表於2017-05-17

使用dva
dva是如何來的可以參考其文件:支付寶前端應用架構的發展與選擇。我們主要說下他的使用思想,以及如何遵循我理解的最佳實踐。

dva的API其實是受elm的API啟發而來的。它主要包含以下幾個概念:

model:主要用於資料維護;
model的state:狀態資料,用於React元件裡的渲染資料;
model的reducers:同步的修改state的純函式;
model的effects:非同步請求資料,使用redux-saga實現,所以寫法上是Generator的形式;
model的subscriptions:用於model被新增後的鉤子函式執行;
connect:使用react-redux的connect方法,連線store與React Component;
Router:來自於react-router;
Route Component:來自於react-router,用於路由與元件的連線;
具體可以參見其API文件:dva的幾個概念。

相關文章