Redux 核心

  • javascript 状态容器,提供可预测化的状态管理。
  • 科学的状态管理方式。

状态管理好处

状态变化变得可预测,代码发生问题时可很快的定位问题。

一. Redux 核心概念 - 图1

  • Store: 存储状态的容器,Javascript对象
  • View: 视图,HTML页面
  • Action: 对象,描述对状态进行怎样的操作
  • Reducers: 函数,操作状态并返回新的状态

Rudex 核心API

  1. // 1. 创建 Store状态容器
  2. const store = Redux.createStore(reducer);
  3. // 2. 创建用于处理状态的 reducer函数
  4. function reducer (state = initialState, action) {}
  5. // 3. 获取状态
  6. store.getState();
  7. // 4. 订阅状态
  8. store.subscribe(function () {});
  9. // 5. 触发action
  10. store.dispatch({type: 'description...'});