什么是 Redux？
Redux 是一个 JavaScript 状态管理库，它可以帮助我们管理应用程序中的状态。Redux 的核心思想是将应用程序中的状态提取到一个单独的存储区中，并通过固定的方式更新它。Redux 是一个单向数据流的框架，因此它可以帮助我们更好地理解应用程序中的状态，从而更轻松地进行调试和测试。
Redux 的工作原理
Redux 的工作原理可以总结为三个步骤：
Action：用户在应用程序中进行操作时，会触发一个 Action，它是一个纯 JavaScript 对象，包含描述操作的信息。
Reducer：当一个 Action 被触发时，Redux 会将当前的状态和该 Action 传递到 Reducer 中，Reducer 根据 Action 的类型更新状态，并返回一个新的状态。
Store：Redux 使用 Store 来存储整个应用程序的状态，它是一个包含了所有状态信息的对象，并且只能通过 dispatch Action 来更新状态。
Redux 的核心概念
为了更好地理解 Redux，我们需要了解其核心概念。
Store
Store 是应用程序中的状态存储区，它是一个包含了所有状态信息的对象，并且只能通过 dispatch Action 来更新状态。
import { createStore } from 'redux';
const store = createStore(reducer);Action
Action 是一个描述操作的纯 JavaScript 对象，它由两个属性组成：type 和 payload。
type：类型，表示该对象的操作类型。
payload：负载，表示操作的数据。
const incrementAction = { type: 'INCREMENT', payload: 1 };Reducer
Reducer 是一个纯函数，它接收两个参数：state 和 action，根据 action 的 type 更新 state，并返回一个新的状态。
-- -------------------- ---- -------
----- ------------ - - ------ - --
-------- -------------------- - ------------- ------- -
------ ------------- -
---- ------------
------ - --------- ------ ----------- - -------------- --
--------
------ ------
-
-Dispatch
Dispatch 是 Redux 中用来更新状态的方法，它会调用 Reducer 来更新状态，并且返回更新后的状态。
store.dispatch(incrementAction);
Subscriber
Subscriber 是用来监听状态变化的方法，它接收一个函数作为参数，当状态发生变化时，该函数会被调用。
store.subscribe(() => {
console.log(store.getState());
});Redux 的应用场景
Redux 适用于大型的应用程序，特别是需要管理复杂状态的应用程序。以下是一些适用于 Redux 的场景：
应用程序具有多个组件并且需要更好地管理组件之间的数据传递。
应用程序需要进行时间旅行调试，以便更好地理解状态变化的原因。
应用程序具有复杂的异步数据流，例如网络请求或 Web Socket。
总结
Redux 是一个 JavaScript 状态管理库，它可以帮助我们更好地管理应用程序中的状态，并且使得调试和测试更加容易。Redux 的核心思想是将应用程序中的状态提取到一个单独的存储区中，并通过固定的方式更新它。Redux 适用于大型的应用程序，特别是需要管理复杂状态的应用程序。在使用 Redux 时，我们需要了解其核心概念，并且了解其工作原理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c8ae665ad90b6d04146501