English | 简体中文

dva

基于 redux、redux-saga 和 react-router 的轻量级前端框架。(Inspired by elm and choo)

---

特性

• 易学易用，仅有 6 个 api，对 redux 用户尤其友好，配合 umi 使用后更是降低为 0 API
• elm 概念，通过 reducers, effects 和 subscriptions 组织 model
• 插件机制，比如 dva-loading 可以自动处理 loading 状态，不用一遍遍地写 showLoading 和 hideLoading
• 支持 HMR，基于 babel-plugin-dva-hmr 实现 components、routes 和 models 的 HMR

快速上手

请参考 docs 目录 获取指南和 API 参考。

他是怎么来的？

• Why dva and what's dva
• 支付宝前端应用架构的发展和选择

例子

• Count: 简单计数器
• User Dashboard: 用户管理
• AntDesign Pro：(Demo)，开箱即用的中台前端/设计解决方案
• HackerNews: (Demo)，HackerNews Clone
• antd-admin: (Demo)，基于 antd 和 dva 的后台管理应用
• github-stars: (Demo)，Github Star 管理应用
• Account System: 小型库存管理系统
• react-native-dva-starter: 集成了 dva 和 react-navigation 典型应用场景的 React Native 实例

FAQ

命名由来？

D.Va拥有一部强大的机甲，它具有两台全自动的近距离聚变机炮、可以使机甲飞跃敌人或障碍物的推进器、 还有可以抵御来自正面的远程攻击的防御矩阵。

—— 来自 守望先锋 。

是否可用于生产环境？

当然！公司内用于生产环境的项目估计已经有 1000+ 。

是否支持 IE8 ？

不支持。

下一步

以下能帮你更好地理解和使用 dva ：

• 理解 dva 的 8 个概念 ，以及他们是如何串起来的
• 掌握 dva 的所有 API
• 查看 dva 知识地图 ，包含 ES6, React, dva 等所有基础知识
• 查看 更多 FAQ，看看别人通常会遇到什么问题
• 如果你基于 dva-cli 创建项目，最好了解他的 配置方式

还要了解更多?

• 看看 dva 的前身 React + Redux 最佳实践，知道 dva 是怎么来的
• 在 gitc 分享 dva 的 PPT ：React 应用框架在蚂蚁金服的实践
• 如果还在用 [email protected]，请尽快 升级到 2.x

社区

Slack Group	Github Issue	钉钉群	微信群
sorrycc.slack.com	umijs/umi/issues

License

MIT