【DvaJS】初识DvaJS

Posted by ARTROY on 2019-05-30

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"事件后,更新页面

Flux

  • Reactive,响应式数据流方案,以 Mobx 为代表。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
    2
    dva new myApp   // 创建
    cd myApp // 进入

预览

  • 用命令行预览项目:
    1
    npm start


支付宝打赏 微信打赏

欣赏此文,打赏一下



-->