React Redux

Redux 是一个开源 JavaScript 库，用于管理应用程序状态。React 使用 Redux 构建用户界面。它最初由 Dan Abramov 和 Andrew Clark 于 2015 年推出。

React Redux 是 Redux 的官方 React 绑定。它允许 React 组件从 Redux 存储中读取数据，并将 Actions 派发到 Store 以更新数据。Redux 通过提供一种合理的方式来通过单向数据流模型管理状态来帮助应用程序进行扩展。React Redux 在概念上很简单。它订阅 Redux 存储，检查您的组件需要的数据是否已更改，并重新渲染您的组件。

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

• Redux 没有 Dispatcher 的概念。
• Redux 只有一个 Store，而 Flux 有许多 Stores。
• Action 对象将由 Store 直接接收和处理。

为什么使用 React Redux？

使用 React Redux 的主要原因是

• React Redux 是 react 应用程序的官方 UI 绑定。它会随着任何 API 更改保持最新状态，以确保您的 React 组件按预期运行。
• 它鼓励良好的“React”架构。
• 它在内部实现了许多性能优化，这使得组件仅在实际需要时才重新渲染。

Redux 架构

下面解释了 Redux 架构的组件。

STORE： Store 是列出应用程序整个状态的地方。它管理应用程序的状态并具有 dispatch(action) 函数。它就像 Redux 中所有活动部件的负责人。

ACTION： Action 从视图发送或派发，它是可以由 Reducers 读取的有效负载。它是一个纯对象，用于存储用户事件的信息。它包括诸如操作类型、发生时间、发生位置、其坐标以及它旨在更改的状态等信息。

REDUCER： Reducer 从 action 中读取有效负载，然后相应地通过状态更新存储。它是一个纯函数，用于从初始状态返回一个新状态。

Redux 安装

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

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