React Redux

Redux是用于管理应用程序状态的开源JavaScript库。 React使用Redux来构建用户界面。它由Dan Abramov和Andrew Clark于2015年首次引入。

React Redux是Redux的官方React绑定。它允许React组件从Redux商店中读取数据，并将Action调度到商店以更新数据。 Redux提供了一种通过单向数据流模型管理状态的明智方法，可帮助应用扩展。 React Redux在概念上很简单。它订阅Redux存储，检查组件所需的数据是否已更改，然后重新提供组件。

Redux受到Flux的启发。 Redux研究了Flux架构，并省略了不必要的复杂性。

• Redux没有分派器概念。
• Redux有唯一的商店，而Flux有许多商店。
• 动作对象将由商店直接接收和处理。

为什么要使用React Redux?

使用React Redux的主要原因是：

• React Redux是React Application的官方UI绑定。它会随着API的变化而保持最新状态，以确保您的React组件的行为符合预期。
• 它鼓励良好的“反应”架构。
• 它在内部实现了许多性能优化，这允许仅在实际需要时才重新渲染组件。

Redux架构

Redux体系结构的组件在下面说明。

商店：商店是一个列出应用程序整个状态的地方。它管理应用程序的状态，并具有dispatch(action)函数。就像大脑负责Redux中的所有运动部件。

动作：从视图发送或调度动作，这些是Reducers可以读取的有效负载。它是创建的纯对象，用于存储用户事件的信息。它包括诸如操作类型，发生时间，发生位置，其坐标以及目标更改状态之类的信息。

REDUCER： Reducer从操作中读取有效负载，然后通过状态相应地更新存储。纯粹的函数是从初始状态返回新状态。

Redux安装

要求： React Redux需要React 16.8.3或更高版本。

要将React Redux与React应用程序一起使用，您需要安装以下命令。

$ npm install redux react-redux --save