redux 和 mobx 初体验

前段时间搞了 Vue，现在又得开始写 React 了。 我堂堂的一个后端，真是太残忍啦 o(╯□╰)o

接触过 Vue 的应该都知道，Vue 的状态管理可以有两种实现，一种是 Vuex，还有一种是 eventBus 形式。

React 状态管理，老牌的应该是 Redux，但是存在了太多的概念，对于刚接触的童鞋不太友好。mobx 当属时代的新星了。不管从效率，还是易读性都远超 Redux。

下面带来俩小🌰大家感受下~~

最简单的一个 redux 操作

import {createStore} from 'redux';

const ADD_ACTION = 'ADD';

const add = (num) => {
    return {
        type: ADD_ACTION,
        num
    };
};

const initialState = {
    count: 0
};

const reducers = (state = initialState, action) => {
    switch (action.type) {
        case ADD_ACTION:
            return Object.assign({}, state, {count: state.count + action.num});
        default:
            return state;
    }
};

const reduxStore = createStore(reducers);

reduxStore.dispatch(add(1));

最简单的一个 mobx 操作

import {observable, action} from 'mobx';

const mobxStore = observable({
    count: 0,
    add: action((num) => {
        this.count += num;
    })
});

mobxStore.add(1);