核心概念

• 单一数据源：整个应用的状态被存储在一个单一的 JavaScript 对象（即 store）中，这使得应用的状态管理更加清晰和可预测。例如，在一个电商应用里，商品列表、购物车信息、用户登录状态等所有状态都能存于这个 store 中。
• 状态是只读的：不能直接修改 store 中的状态，唯一改变状态的方式是触发一个 action。action 是一个描述状态变化的普通 JavaScript 对象，包含 type 属性（用于描述动作类型）和可选的 payload 属性（携带额外的数据）。例如，在一个待办事项应用中，添加新待办事项的 action 可能如下：

{
    type: 'ADD_TODO',
    payload: {
        id: 1,
        text: '完成作业'
    }
}

• 使用纯函数进行状态更新：通过 reducer 来处理 action 并返回新的状态。reducer 是一个纯函数，接收当前状态和 action 作为参数，返回一个新的状态。纯函数意味着相同的输入总会得到相同的输出，且不会产生任何副作用。例如：

function todoReducer(state = [], action) {
    switch (action.type) {
        case 'ADD_TODO':
            return [...state, action.payload];
        default:
            return state;
    }
}

工作流程

1. 触发 action：在应用的某个地方（如用户点击按钮、网络请求完成等）触发一个 action。
2. action 发送到 store：触发的 action 会被发送到 Redux 的 store 中。
3. reducer 处理 action：store 接收到 action 后，会调用相应的 reducer 函数，根据 action 的类型和数据对状态进行更新。
4. 状态更新：reducer 返回新的状态后，store 会更新自己的状态。
5. 视图更新：当 store 中的状态发生变化时，订阅了该状态的视图组件会自动更新，以反映最新的状态。

优势

• 可预测性：由于状态的变化遵循严格的规则（单一数据源、只读状态、纯函数更新），使得应用的状态变化可预测，便于调试和维护。
• 方便调试：借助时间旅行调试器等工具，可以轻松地查看状态的历史变化，方便定位和解决问题。
• 服务器端渲染友好：能在服务器端和客户端之间共享状态，有利于实现服务器端渲染。

应用场景

• 中大型项目：在具有复杂状态管理需求的中大型应用中，Redux 可以帮助开发者更好地组织和管理状态，提高代码的可维护性。
• 多交互、多数据源的应用：当应用涉及多个交互组件和多个数据源时，Redux 可以有效地管理状态的流动和更新。