dva

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

dvajs

16245

3159

JavaScript

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

More documentation, checkout https://dvajs.com/

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 1000+ projects using dva in Alibaba.

Does it support IE8?

No.

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?