react-redux

不同action的调用，dispatch（action本身是同步的）

subscribe

connect

Store

mapStateToProps

dispatch(action)

从服务器拿数据

处理异步action

引入中间件

展示组件

connect连接容器组件和展示组件

用户通过事件处理函数触发action

当dispatch（action）的时候，就会从头到尾匹配一遍reducer，因为合并了

Components

newState

UI 组件的参数到store.dispatch方法的映射可以是一个函数，也可以是一个对象如果mapDispatchToProps是一个函数，会得到dispatch和ownProps（容器组件的props对象）两个参数如果mapDispatchToProps是一个对象，它的每个键名也是对应 UI 组件的同名参数，键值应该是一个函数，会被当作 Action creator ，返回的 Action 会由 Redux 自动发出

传递state到container，去组装成UI组件的参数

action creatores

CombineReducers

Containers

取回来数据之后再dispatch一个action

中间件

容器组件

主要处理reducer数据

createStore

异步action

在Container中调用展示组件，把映射好的数据传递到components中展示

合并reducer

同步

Reducer

state对象到（UI 组件的）props对象的映射关系

异步的原理

拆分reducer

创建store = createStore(reducers)

store.dispatchstore.subscribe 只要dispatch就监听store.getState 拿到当前状态...

maDispatchToProps

先dispatch一个action

reducer处理完之后就会去调用subscribe来注册监听（不管有没有匹配都会执行一遍所有的listener）这一步不需要我们取代码处理。