P01:Redux基础-认识Redux和文章介绍

通过 React 基础教程的学习，我相信你一定对 React 有了很好的了解，也可以制作出一些简单的 React 项目（注意我这里说的是简单的项目）。为什么你只能做出一些简单的项目那?因为 React 就是一个简单的轻量级的视图层框架。

React 当中的组件通信和状态管理是特别繁琐的，比如子组件和父组件通信改变值，要通过父组件的方法。在开发中，公司最讲的就是效率，效率就需要把事情变简单，那只有 React 肯定不符合大型项目和快速开发。需要视图层框架+数据层框架，两个相互结合，就可以实现大型的开发项目了。

Redux是目前 React 生态中，最好的数据层框架，所以单独拿出一个文章来系统的讲解 Redux。

博主才疏学浅，不保知识点无误，敬请指正，我也会小心求证，力保知识的正确。

其实能搜到这篇文章，证明对Redux也算有一个基本认识，这篇文章适合初级前端开发者阅读，会详细讲解 Redux 的基础知识，在了解基础知识后，会逐步增加 Redux 高级内容。

课程内容参照了《深入浅出 React 和 Redux》但是都是从新编排和加入了自己的理解。

Redux 介绍

Redux 是一个用来管理管理数据状态和 UI 状态的 JavaScript 应用工具。随着 JavaScript 单页应用（SPA）开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state（状态），Redux 就是降低管理难度的。（Redux 支持 React，Angular、jQuery 甚至纯 JavaScript）

可以通过一张图，看出 Redux 如何简化状态管理的。

从图中可以看出，如果不用 Redux，我们要传递 state 是非常麻烦的。Redux 中，可以把数据先放在数据仓库（store-公用状态存储空间）中，这里可以统一管理状态，然后哪个组件用到了，就去 stroe 中查找状态。如果途中的紫色组件想改变状态时，只需要改变store中的状态，然后其他组件就会跟着中的自动进行改变。

Flux 和 Redux 的关系

在我看来 Redux 就是 Flux 的升级版本，早期使用 React 都要配合 Flux 进行状态管理，但是在使用中，Flux 显露了很多弊端，比如多状态管理的复杂和易错。所以 Redux 就诞生了，现在已经完全取代了 Flux，过时的东西就不再讲解了。

如果你说公司还在用 Flux，你可以试着学会 Redux 后，进行升级，抛弃 Flux，其实前端的知识就是更新淘汰的这么迅速，要时刻保持学习的习惯。