基于 redux、redux-saga 和 react-router 的轻量级前端框架。(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 (例子)
- Count: 简单计数器
- 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 实例
- dva-example-nextjs: 和 next.js 整合使用
- Account System: 小型库存管理系统
12 步 30 分钟,完成用户管理的 CRUD 应用 (react+dva+antd)
D.Va拥有一部强大的机甲,它具有两台全自动的近距离聚变机炮、可以使机甲飞跃敌人或障碍物的推进器、 还有可以抵御来自正面的远程攻击的防御矩阵。
—— 来自 守望先锋 。
当然!公司内用于生产环境的项目估计已经有 200+ 。
不支持。
以下能帮你更好地理解和使用 dva :
- 理解 dva 的 8 个概念 ,以及他们是如何串起来的
- 掌握 dva 的所有 API
- 查看 dva 知识地图 ,包含 ES6, React, dva 等所有基础知识
- 查看 更多 FAQ,看看别人通常会遇到什么问题
- 如果你基于 dva-cli 创建项目,最好了解他的 配置方式
还要了解更多?
- 看看 dva 的前身 React + Redux 最佳实践,知道 dva 是怎么来的
- 在 gitc 分享 dva 的 PPT :React 应用框架在蚂蚁金服的实践
- 如果还在用 [email protected],请尽快 升级到 2.x