ux核心思路和代码解析

最近在公司内部培训的时候,发现很多小伙伴只是会用redux、react-redux、redux-thunk的api,对于其中的实现原理和数据真正的流向不是特别的清楚,知其然,也要知其所以然,其实redux的源代码非常简介,下面逐一介绍,

1.先看一个简单的redux应用的例子:

电脑培训,计算机培训,平面设计培训,网页设计培训,美工培训,Web培训,Web前端开发培训

import { createStore, combineReducers } from 'redux';

const year = (state, action) => {
    let defaultState = {
        year: 2017
    }
    state = state || defaultState;    switch (action.type) {        case 'add':            return {
                year: state.year + 1
            };            break;        case 'sub':            return {
                year: state.year - 1
            };            break;        default: