flow.jpg

Action

一个用于描述要干什么动作的普通对象。

{
  type: 'ADD_TODO', // type字段必须
  text: '吃饭'
}

Reducer

根据Action动作的不同，对仓库的数据做处理的一个纯函数。

const todoApp = (state, action) => {
  switch (action.type) {
    case 'ADD_TODO':
      return [
        ...state,
        {
          id: action.id,
          text: action.text,
          completed: false
        }
      ]
    default:
      return state
  }
}

Store

仓库，负责存放状态（state），将 actions 与 reducers 联系起来的东西。
它的功能点有：

• 维持应用的 state；
• 提供 getState()方法获取 state；
• 提供 dispatch(action)方法更新 state；
• 通过 subscribe(listener) 注册监听器;
• 通过 subscribe(listener) 返回的函数注销监听器。