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，其实前端的知识就是更新淘汰的这么迅速，要时刻保持学习的习惯。

以上关于P01:Redux基础-认识Redux和文章介绍的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。