Redux官方文档学习笔记（基础部分）

reducer：形式为 (state, action) => state 的纯函数

state可以理解成状态机，action是一些操作描述，reducer根据action中的操作描述来改变状态机state，从而得到一个新的状态机state。

Redux三大原则：

1. 单一数据源（整个应用的state被存储在一棵对象树上，并且这棵对象树只存在于唯一一个store中）
2. state是只读的（只能通过action改变，视图和网络请求都不能直接修改 state）
3. 使用纯函数来执行修改（reducer，接收先前的 state 和 action，并返回新的 state，有点函数式编程内味儿）

Redux 设想你永远不会变动你的数据。你可以很好地使用普通对象和数组来管理 state ，而不是在多个 reducer 里变动数据。正确且简便的方式是，你应该在 reducer 中返回一个新对象来更新 state。（Object.assign，…）

redux可以和rxjs配合使用，比如用rxjs将不同的流合并再提交到store.dispatch()。

---

action和action创建函数：action是一个描述操作的对象，action创建函数会返回一个action
redux把action 创建函数的结果传给 dispatch() 方法来发起一次 dispatch 过程；或者加一步绑定函数，把dispatch action 创建函数的结果 返回给一个绑定函数，再调用这个绑定函数来实现一次 dispatch 过程。

---

reducer响应了action，也可以理解为实现了action中描述的操作，然后把操作结果更新到state状态机中。

永远不要在 reducer 里修改传入的参数
永远不要在 reducer 里执行有副作用的操作，比如API请求和路由跳转
永远不要在 reducer 里调用非纯函数，比如Date.now(), Math.random()

只要传入参数相同，返回计算得到的下一个 state 就一定相同。没有特殊情况、没有副作用，没有 API 请求、没有变量修改，单纯执行计算。

不要修改state，可以使用Object.assign({}, state, {xxx: yyy.zzz}) ，或者用扩展运算符…新建副本。

Redux 提供了 combineReducers() 工具类生成一个函数，这个函数来调用你的一系列 reducer，每个 reducer 根据它们的 key 来筛选出 state 中的一部分数据并处理，然后这个生成的函数再将所有 reducer 的结果合并成一个大的对象。

combineReducers 接收一个对象，可以把所有顶级的 reducer 放到一个独立的文件中，通过 export 暴露出每个 reducer 函数，然后使用 import * as reducers 得到一个以它们名字作为 key 的 object

import { combineReducers } from 'redux'
import * as reducers from './reducers'


const todoApp = combineReducers(reducers)

todoApp.todos, todoApp.visibilityFilter

---

Redux 应用只有一个单一的 store。
当需要拆分数据处理逻辑时，使用 reducer 组合 而不是创建多个 store。

import { createStore } from 'redux'
import todoApp from './reducers'
let store = createStore(todoApp)

createStore() 的第二个参数是可选的, 用于设置 state 初始状态。这对开发同构应用时非常有用，服务器端 redux 应用的 state 结构可以与客户端保持一致, 那么客户端可以将从网络接收到的服务端 state 直接用于本地数据初始化。

---

严格的单向数据流是 Redux 架构的设计核心。

你可以在任何地方调用 store.dispatch(action)，包括组件中、XHR 回调中、甚至定时器中。

---

Context(上下文，https://reactjs.org/docs/context.html)提供了一种通过组件树传递data的方法，而不必在每个级别手动传递prop。
在典型的React应用程序中，数据是通过props自上而下（父级到子级）传递的，但对于应用程序中许多组件所需的某些类型的props（例如locale preference、UI theme），这可能会很麻烦。Context提供了一种在组件之间共享这些值的方法，而不必显式地通过树的每一层传递一个prop。
所有容器组件都可以访问 Redux store，所以可以手动监听它。一种方式是把它以 props 的形式传入到所有容器组件中。但这太麻烦了，因为必须要用 store 把展示组件包裹一层，仅仅是因为恰好在组件树中渲染了一个容器组件。
建议的方式是使用指定的 React Redux 组件 来 魔法般的 让所有容器组件都可以访问 store，而不必显示地传递它。只需要在渲染根组件时使用即可。

---

异步Action
一般情况下，每个 API 请求都需要 dispatch 至少三种 action：

1. 通知 reducer 请求开始的 action
2. 通知 reducer 请求成功的 action
3. 通知 reducer 请求失败的 action