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的几个概念。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容