Redux 简介

Redux 是一个用于管理 JavaScript 应用程序状态的可预测的状态容器。它通过将所有状态存储在一个单一的 JavaScript 对象中，使得状态的管理变得简单且可预测。

Redux 的核心概念

单一状态树：所有数据都存储在一个单一的 JavaScript 对象中。
状态更新：只能通过显式的派发（dispatch）来更新状态。
不可变性：一旦状态被创建，它就不能被改变，只能通过创建一个新的状态对象。

Redux 的优势

可预测的状态管理：通过明确的更新规则，使得状态的变化可预测。
易于调试：Redux 的状态历史记录可以方便地回溯和调试。
社区支持：Redux 是一个流行的库，拥有庞大的社区支持。

安装 Redux

首先，你需要安装 Redux 库。可以通过 npm 或 yarn 来安装：

npm install redux
# 或者
yarn add redux

Redux 的基本使用

以下是一个简单的 Redux 使用示例：

// 创建 Redux store
import { createStore } from 'redux';

const initialState = {
  count: 0
};

function reducer(state = initialState, action) {
  switch (action.type) {
    case 'INCREMENT':
      return { ...state, count: state.count + 1 };
    case 'DECREMENT':
      return { ...state, count: state.count - 1 };
    default:
      return state;
  }
}

const store = createStore(reducer);

// 派发动作
store.dispatch({ type: 'INCREMENT' });
store.dispatch({ type: 'DECREMENT' });

// 订阅状态变化
store.subscribe(() => {
  console.log(store.getState());
});

深入学习

想要深入了解 Redux，可以阅读官方文档：Redux 官方文档.