redux 简介

redux 是什么

官方解释：Redux is a predictable state container for JavaScript apps. 意思就是Redux是js应用的 一种可预测的状态容器

基本原理

为什么使用Redux

下面的图是不使用Redux和使用Redux时 父子组件之间的通信方式

没有使用Redux的情况，如果两个组件(非父子关系)之间需要通信的话，可能需要多个中间组件为他们进行消息传递，这样既浪费了资源，代码也会比较复杂。

Redux中提出了单一数据源Store 用来存储状态数据，所有的组建都可以通过Action修改Store，也可以从Store中获取最新状态。使用了redux就可以完美解决组建之间的通信问题。

Redux 的设计思想

• Web 应用是一个状态机，视图与状态是一一对应的。
• 所有的状态，保存在一个对象里面。

Redux 的三大准则

单一数据源

整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。

State 是只读的

唯一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。

使用纯函数来执行修改

为了描述 action 如何改变 state tree ，你需要编写 reducers。

参考

https://www.redux.org.cn/
https://www.redux.org.cn/docs/introduction/Motivation.html
https://my.oschina.net/kimyeongnam/blog/1860024
https://www.redux.org.cn/docs/introduction/Ecosystem.html