Redux 是一种状态容器 JS 库，提供可预测的状态管理，经常和 React 配合来管理应用的全局状态，进行响应式组件更新。Redux 一般来说并不是必须的，只有在项目比较复杂的时候

什么是computed计算属性？它会根据所依赖的数据动态显示新的计算结果, 该计算结果会被缓存起来。如果是Vue开发者，对这个功能并不陌生，而且很常用。对于React开发者，如果用过mobx，那其实也不陌生

前端框架实现了数据驱动视图变化的功能，我们用 template 或者 jsx 描述好了数据和视图的绑定关系，然后就只需要关心数据的管理了。数据在组件和组件之间、组件和全局 store 之间传递，叫做前端框架的数据流。

在react中组件通信的数据是单向的，顶层组件可以通过props属性向下层组件传递数据，而下层组件不能向上层组件传递数据，要实现下层组件修改数据，需要上层组传递修改数据的方法到下层组件，当项目越来越的时候

通过Redux 架构理解我们了解到 Redux 架构的 store、action、reducers 这些基本概念和工作流程。我们也知道了 Redux 这种架构模式可以和其他的前端库组合使用，而 React-redux 正是把 Redux 这种架构模式和 React.js 结合起来的一个库

对于目前普遍的“单页应用”，其中的好处是，前端可以从容的处理较复杂的数据模型，同时基于数据模型可以进行变换，实现更为良好的交互操作。良好的交互操作背后，其实是基于一个对应到页面组件状态的模型，随便称其为UI模型。

mobx 不同于 redux 的单一数据源的统一管理，它可以有多个 store， 为了便于维护 ，每一个 store 都是一个类，这样便于维护和扩展；mobx 不同于 redux 的单一数据源的统一管理

Redux官网上是这样描述Redux，Redux is a predictable state container for JavaScript apps.（Redux是JavaScript状态容器，提供可预测性的状态管理）。 目前Redux GitHub有5w多star，足以说明 Redux 受欢迎的程度。

redux作为状态管理仓库，在我们前端应用中发挥着非常重要的作用，先放一张官方redux flow图片，使用middleWare背景：我们知道redux中数据流是同步的，不支持异步action更新或获取数据，但是在实际项目中异步请求数据绝对是高频出现，并且可以说占据了9成以上的业务场景

Redux是迄今为止创建的最重要的JavaScript库之一，灵感来源于以前的艺术比如Flux和Elm，Redux通过引入一个包含三个简单要点的可伸缩体系结构，使得JavaScript函数式编程成为可能。如果你是初次接触Redux

你对 Redux 感到困惑吗？如果使用新的 Redux Hooks，会更加简单！这里是一个关于 Redux 的速成班，将配合 React 函数组件使用：

redux是react的状态管理工具，却不仅仅只是为了react而生的，所以在使用中会存在痛点。而react-redux是专门为了react定制，目的是为了解决redux的痛点，起到了补充的作用。flux无非就是一个常见的event dispatcher

react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用，而是要动手实现一个简易的 react-redux，希望能够对你有所帮助。

我在读React-Redux源码的过程中，很自然的要去网上找一些参考文章，但发现这些文章基本都没有讲的很透彻，很多时候就是平铺直叙把API挨个讲一下，而且只讲某一行代码是做什么的，却没有结合应用场景和用法解释清楚为什么这么做。

看到“reducer”这个词，容易让人联想到Redux，但是在本文中，不必先理解Redux才能阅读这篇文章。咱们将一起讨论“reducer”实际上是什么，以及如何利用useReducer来管理组件中的复杂状态，以及这个新钩子对Redux意味着什么？