redux 理解

redux的工作步骤，其实就是组成它自身的三个重要方法，下面用自己的语言简述如下：

（为了简洁，省去了很多细节，不影响理解）

1、某个地方需要改变 state 就显示调用dispatch方法，参数是一个Action 对象，形如：

{ type: 'INCREMENT' }
2、接下来，只要自己写了reduxer，并且绑定过，形如：

const {createStore} = Redux;
const store = createStore(counter);

而counter 就是所谓的reduxer

const counter = (state = 0, action) => {
switch (action.type) {
case 'INCREMENT':
return state + 1;
case 'DECREMENT':
return state - 1;
default:
return state;
}
}

redux就会调用这个reduxer ，根据current state 和action的描述，返回最新的state 状态
3、最后就是subscribe 方法了，形如

const render = () => {
ReactDom.render(
<Counter
value={store.getState() }
onIncrement={
() => store.dispath({
type: 'INCREMENT'
})
}
onDecrement={
() => store.dispatch({ type: 'DECREMENT' })
}
/>,
document.getElementById('app_jerry')
);
};
store.subscribe(render());

subscribe就是一个pub/sub 回调，用来重新渲染界面，可以在它的参数方法里面做一些自定义的操作