DvaJS 仅有 6 个 api,对 redux 用户尤其友好,配合 umi 使用后更是降低为 0 API
数据流问题
目前流行的数据流方案
- Flux,单向数据流方案,以
Redux
为代表。Flux 的最大特点,就是数据的"单向流动"。- 1.用户访问 View
- 2.View 发出用户的 Action
- 3.Dispatcher 收到 Action,要求 Store 进行相应的更新
- 4.Store 更新后,发出一个"change"事件
- 5.View 收到"change"事件后,更新页面
- Reactive,响应式数据流方案,以
Mobx
为代表。Mobx 支持单向数据流,也就是动作改变状态,而状态的改变会更新所有受影响的视图。
流行的社区 React 应用架构方案
- 路由:
React-Router
- 架构:
Redux
- 异步操作:
Redux-saga
认识 DvaJS 及使用
Dva 是什么
Dva 是体验技术部开发的 React 应用框架,将上面三个 React 工具库包装在一起,简化了 API,让开发 React 应用更加方便和快捷。
Dva = React-Router + Redux + Redux-saga
安装
-
安装 DvaJS 开发工具
通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上1
npm install dva-cli -g
-
安装完毕,测试一下是否安装成功:
dva -v
1
dva -v
使用
- 用命令行创建模板项目:
1
2dva new myApp // 创建
cd myApp // 进入
预览
- 用命令行预览项目:
1
npm start
欣赏此文,打赏一下