dva之前有了解嗎

　　這個(gè)其實(shí)是支付寶整合的一套框架，集成了 (redux + react-router + redux-saga 等)的一層輕量封裝。dva 是 framework，不是 library，類似 emberjs。

　　他最核心的是提供了 app.model 方法，用于把 reducer, initialState, action, saga 封裝到一起。　

app.model({

　　namespace: 'products',

　　state: {

　　list: [],

　　loading: false,

　　},

　　subscriptions: [

　　function(dispatch) {

　　dispatch({type: 'products/query'});

　　},

　　],

　　effects: {

　　['products/query']: function*() {

　　yield call(delay(800));

　　yield put({

　　type: 'products/query/success',

　　payload: ['ant-tool', 'roof'],

　　});

　　},

　　},

　　reducers: {

　　['products/query'](state) {

　　return { ...state, loading: true, };

　　},

　　['products/query/success'](state, { payload }) {

　　return { ...state, loading: false, list: payload };

　　},

　　},

　　});

      namespace - 對(duì)應(yīng) reducer 在 combine 到 rootReducer 時(shí)的 key 值

　　state - 對(duì)應(yīng) reducer 的 initialState

　　subscription - elm@0.17 的新概念，在 dom ready 后執(zhí)行，這里不展開解釋

　　effects - 對(duì)應(yīng) saga，并簡化了使用

　　reducers - 相當(dāng)于數(shù)據(jù)模型

　// 如何創(chuàng)建一個(gè)dva項(xiàng)目

　　$ npm install dva-cli -g

　　$ dva new myapp && cd myapp

　　$ npm start

上一篇

談?wù)刅ue路由模式，路由有哪些模式