26、使用 Redux 数据库构建 Netflix 克隆应用

使用 Redux 数据库构建 Netflix 克隆应用

1. Redux 基础与 ADD_TODO 示例

在 Redux 应用中，可能会有一个或多个（甚至没有）reducer。每次调用 action 时，所有的 reducer 都会被调用。reducer 负责改变 store 中的数据，所以在处理某些类型的 action 时需要格外小心。

下面是一个 ADD_TODO action 的示例代码：

case 'ADD_TODO':
  return Object.assign({}, state, {
    todos: [
      ...state.todos,
      {
        text: action.text,
        completed: false
      }
    ]
  })
default:
  return state

上述代码定义了 ADD_TODO action，通过复制当前状态和新的 TODO 值（“text” 和 “completed”）作为 todos 数组的最后一项来创建一个新的状态。同时定义了一个默认的回退操作，在这种情况下返回当前状态。

Redux 创造者 Dan Abramov 推荐了一些关于 Redux 的睡前阅读资料，如 “Why Use Redux Over Facebook Flux?” 和 “What Could Be the Downsides of Using Redux Inste