redux 应用中数据的生命周期

1. 调用 store.dispatch(action)
2. store 调用传入的 reducer 函数
3. 多个子 reducer 输出合并成一个单一的 state 树
4. store 保存根 reducer 返回的完整的 state 树

redux 的一些中间件

redux-thunk （异步 action 创建函数）

使用了这个 middleware，action 创建函数除了返回 action 对象外还可以返回函数。当返回函数就会被 redux-thunk middleware 执行。这个函数可以 dispatch action，在任何时候，因此是异步 action 创建函数。

redux-promise (promise 来代替创建函数)

这个 middleware 是用 promise 对象来代替 action 创建函数，即可以直接 dispatch promise 对象。

redux-saga

在组件中触发 action，从而触发另外一些 action 去获取数据，用的是 generator 函数。

effect 根节点的子任务，effect 往往由一个 redux-saga 的 effect 函数加上一个 promise 函数组合而成，redux-saga 的 effect 函数控制具体开启任务的方式，而 promise 中承载着具体的任务的具体实现
select 和 getState 作用相同
take 当前的 generator 会停止，等待一个满足 take 能够匹配上的 action 的时候才会进行下去
put 将数据 output 到 store，相当于 redux 的 store.dispatch
call 执行一个 promise 或者一个 saga
fork 同 call 一样去执行但是不阻碍当前任务队列
takeEvery 当匹配到 action 的时候，执行一个 saga
takeLatest 当匹配到 action 的时候，取消上个同 action 的 saga 并执行一个新的 saga

redux-actions

createAction[s] 创建 action 创建函数的语法糖；
handleAction[s] 创建 reducer 的语法糖；
和 redux-promise 联用效果很好。

自己实践

通过 redux-actions 的 createAction[s] 创建 action 创建函数，搭配 redux-thunk 和 redux-promise 返回请求的 promise ，去获取请求；而且在关联到组件中时利用 redux 的 bindActionCreator[s] 不暴漏 dispatch 函数给组件，调用函数的方式去触发 action，整个过程类似单线程，容易理解。