Redux 架构
1.介绍基本概念和用法:
- Redux 是一个有用的架构，但不是非用不可。事实上，大多数情况，你可以不用它，只用 React 就够了。
- 曾经有人说过这样一句话：“如果你不知道是否需要 Redux，那就是不需要它。”
- Redux 的创造者 Dan Abramov 又补充了一句：“只有遇到 React 实在解决不了的问题，你才需要 Redux 。”
- 简单说，如果你的UI层非常简单，没有很多互动，Redux 就是不必要的，用了反而增加复杂性。
1.用户的使用方式非常简单
2.用户之间没有协作
3.不需要与服务器大量交互，也没有使用 WebSocket
4.视图层（View）只从单一来源获取数据 - 以下情况需要使用（多交互、多数据源）redux:
1.用户的使用方式复杂
2.不同身份的用户有不同的使用方式（比如普通用户和管理员）
3.多个用户之间可以协作
4.与服务器大量交互，或者使用了WebSocket
5.View要从多个来源获取数据 - 组件方面考虑：
1.某个组件的状态，需要共享
2.某个状态需要在任何地方都可以拿到
3.一个组件需要改变全局状态
4.一个组件需要改变另一个组件的状态 - 发生上面情况时，如果不使用 Redux 或者其他状态管理工具，不按照一定规律处理状态的读写，代码很快就会变成一团乱麻。你需要一种机制，可以在同一个地方查询状态、改变状态、传播状态的变化。
- 总之，不要把 Redux 当作万灵丹，如果你的应用没那么复杂，就没必要用它。另一方面，Redux 只是 Web 架构的一种解决方案，也可以选择其他方案。
-
Redux 的设计思想： （1）Web 应用是一个状态机，视图与状态是一一对应的。 （2）所有的状态，保存在一个对象里面。 - Store
Store 就是保存数据的地方，你可以把它看成一个容器。整个应用只能有一个 Store。 Redux
提供createStore这个函数，用来生成
import { createStore } from 'redux'; const store = createStore(fn); 上面代码中，createStore函数接受另一个函数作为参数，返回新生成的
Store 对象。
- State
Store对象包含所有数据。如果想得到某个时点的数据，就要对 Store 生成快照。这种时点的数据集合，就叫做 State。 当前时刻的
State，可以通过store.getState()拿到。
import { createStore } from 'redux';
const store = createStore(fn);
const state = store.getState();
规定， 一个 State 对应一个 View。只要 State 相同，View 就相同。你知道 State，就知道 View
是什么样，反之亦然。
- Action
State 的变化，会导致 View 的变化。但是，用户接触不到 State，只能接触到 View。所以，State 的变化必须是 View
导致的。Action 就是 View 发出的通知，表示 State 应该要发生变化了。
Action 是一个对象。其中的type属性是必须的，表示 Action 的名称。
const action = { type: 'ADD_TODO', payload: 'Learn Redux' };
参考文档：阮一峰Redux 入门教程
