123123

[lixuecn]

dva

View README in English

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

---

特性

• 易学易用：仅有 6 个 api，对 redux 用户尤其友好
• elm 概念：通过 reducers, effects 和 subscriptions 组织 model
• 支持 mobile 和 react-native：跨平台 (react-native 例子)
• 支持 HMR：目前基于 babel-plugin-dva-hmr 支持 components、routes 和 models 的 HMR
• 动态加载 Model 和路由：按需加载加快访问速度 (例子)
• 插件机制：比如 dva-loading 可以自动处理 loading 状态，不用一遍遍地写 showLoading 和 hideLoading
• 完善的语法分析库 dva-ast：dva-cli 基于此实现了智能创建 model, router 等
• 支持 TypeScript：通过 d.ts (例子)

为什么用 dva ?

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

Demos

• Count (jsfiddle)，简单计数器
• User Dashboard，用户管理
• HackerNews (Demo)，HackerNews Clone
• antd-admin (Demo)，基于 antd 和 dva 的后台管理应用
• github-stars (Demo)，Github Star 管理应用
• react-native-dva-starter 一个集成了 dva 和 react-navigation 典型应用场景的 React Native 实例

快速上手

12 步 30 分钟，完成用户管理的 CURD 应用 (react+dva+antd)

FAQ

命名由来？

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

—— 来自 守望先锋 。

是否可用于生产环境？

当然！公司内外用于生产环境的项目估计已上百。

是否支持 IE8 ？

不支持。

下一步

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

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

还要了解更多?

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

License

MIT