English | 简体中文

dva

Lightweight front-end framework based on redux, redux-saga and react-router. (Inspired by elm and choo)

---

Features

• Easy to learn, easy to use: only 6 apis, very friendly to redux users, and API reduce to 0 when use with umi
• Elm concepts: organize models with reducers, effects and subscriptions
• Support HMR: support HMR for components, routes and models with babel-plugin-dva-hmr
• Plugin system: e.g. we have dva-loading plugin to handle loading state automatically

Demos

• Count: Simple count example
• User Dashboard: User management dashboard
• AntDesign Pro：(Demo)，out-of-box UI solution for enterprise applications
• HackerNews: (Demo)，HackerNews Clone
• antd-admin: (Demo)，A admin dashboard application demo built upon Ant Design and Dva.js
• github-stars: (Demo)，Github star management application
• Account System: A small inventory management system
• react-native-dva-starter: react-native example integrated dva and react-navigation

Quick Start

See the docs directory for guides and API references.

FAQ

Why is it called dva?

D.Va’s mech is nimble and powerful — its twin Fusion Cannons blast away with autofire at short range, and she can use its Boosters to barrel over enemies and obstacles, or deflect attacks with her projectile-dismantling Defense Matrix.

—— From OverWatch

<img src="https://zos.alipayobjects.com/rmsportal/psagSCVHOKQVqqNjjMdf.jpg" width="200" height="200" />

Is it production ready?

Sure! We have 1000+ projects using dva in Alibaba.

Does it support IE8?

No.

Next

Some basic articles.

• The 8 Concepts, and know how they are connected together
• dva APIs
• Checkout dva knowledgemap, including all the basic knowledge with ES6, React, dva
• Checkout more FAQ
• If your project is created by dva-cli, checkout how to Configure it

Want more?

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

Community

| Slack Group | Github Issue | 钉钉群 | 微信群 | | ------------------------------------------------------------ | ------------------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | | sorrycc.slack.com | umijs/umi/issues | <img src="https://gw.alipayobjects.com/zos/rmsportal/jPXcQOlGLnylGMfrKdBz.jpg" width="60" /> | <img src="https://img.alicdn.com/tfs/TB13U6aF6DpK1RjSZFrXXa78VXa-752-974.jpg" width="60" /> |

License

MIT