react 狀態機管理
使用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的幾個概念。
相關文章
- React的狀態管理React
- React 狀態管理:狀態與生命週期React
- react之redux狀態管理ReactRedux
- React狀態管理之ContextReactContext
- 狀態管理庫MobX和reactReact
- React hooks 狀態管理方案解析ReactHook
- 狀態管理庫 MobX 和 reactReact
- React 路由狀態管理總結React路由
- 前端狀態管理與有限狀態機前端
- React 4 種狀態型別及 N 種狀態管理React型別
- React — zustand狀態管理工具React
- React 回憶錄(四)React 中的狀態管理React
- React 快速上手 - 08 redux 狀態管理 react-reduxReactRedux
- 2020 年 React 狀態管理React
- 理解 React 輕量狀態管理庫 UnstatedReact
- React Context API: 輕鬆管理狀態ReactContextAPI
- Mobx —— React狀態管理另一條路React
- React Component裡的狀態機PatternReact
- typescript + react 專案開發體驗之 react狀態管理TypeScriptReact
- [譯] ⚛ React 狀態管理工具博物館React
- React中的另一種狀態管理方案ValtioReact
- Facebook 新一代 React 狀態管理庫 RecoilReact
- React開發日記-React Hook/Mobx 資料狀態管理對比ReactHook
- 狀態管理
- React狀態管理大亂鬥,橫向對比Dva,Rematch,MirrorReactREM
- 借鑑redux,實現一個react狀態管理方案ReduxReact
- [React]屬性和狀態React
- React新Context API在前端狀態管理的實踐ReactContextAPI前端
- 結合具體場景,聊聊 React 的狀態管理方案React
- 給 smox 加上翅膀,不斷進步的 react 狀態管理React
- 狀態機
- Flutter | 狀態管理Flutter
- Vuex狀態管理Vue
- HTML5歷史管理狀態機制HTML
- 新的React狀態庫:focaReact
- React專題:可變狀態React
- resso,世界上最簡單的 React 狀態管理器React
- 淺談前端的狀態管理,以及anguar的狀態管理庫前端