hetian9288 / dva

🌱 React and redux based, lightweight and elm-style framework. (Inspired by elm and choo)

dva

以中文查看

Lightweight front-end framework based on redux, redux-saga and [email protected]. (Inspired by elm and choo)

---

Features

• Easy to learn, easy to use: only 6 apis, very friendly to redux users
• Elm concepts: organize models with reducers, effects and subscriptions
• Support mobile and react-native: cross platform (ReactNative Example)
• Support HMR: support HMR for components, routes and models with babel-plugin-dva-hmr
• Support load model and routes dynamically: Improve performance (Example)
• Plugin system: e.g. we have dva-loading plugin to handle loading state automatically
• Support TypeScript：with d.ts (Example)

Why dva ?

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

Demos

• Count (jsfiddle): Simple count example
• User Dashboard: User management dashboard
• HackerNews (Demo): HackerNews Clone
• antd-admin (Demo): Admin dashboard based on antd and dva
• github-stars (Demo)，Github Star management tool
• react-native-dva-starter a React Native starter powered by dva and react-navigation

Quick Start

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

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

Is it production ready?

Sure! We have 100+ projects using dva, both in Alibaba and out.

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 应用框架在蚂蚁金服的实践
• 如果还在用 [email protected]，请尽快 升级到 1.x

License

MIT