redux：JavaScript状态容器，提供可预测化的状态管理。随着单页面应用日趋复杂，JavaScript需要管理很多state，state在什么时候，由于什么原因，如何变化已然不受控制。redux试图让state的变化变得可预测。

核心概念：action行为、state、reducer

1. redux中的初始化state（相当于props）

{
  todos: [{
    text: 'Eat food',
    completed: true
  }, {
    text: 'Exercise',
    completed: false
  }],
  visibilityFilter: 'SHOW_COMPLETED'
}

　　这个对象就像“Model”，并没有setter修改器方法。因此其他代码不能随意修改它，造成难以复现的bug。

2. 要想更新state中的数据，需要发起一个action行为，用来描述发生了什么（包含type，用于区分做什么）

{ type: 'ADD_TODO', text: 'Go to swimming pool' }
{ type: 'TOGGLE_TODO', index: 1 }
{ type: 'SET_VISIBILITY_FILTER', filter: 'SHOW_ALL' }

   使用action来描述所有变化可以清晰地知道应用中发生了什么。如果一些东西改变了，就知道为什么变，容易排查问题。

3.reducer接收一个state和action，返回新的state的函数

function visibilityFilter(state = 'SHOW_ALL', action) {
  if (action.type === 'SET_VISIBILITY_FILTER') {
    return action.filter
  } else {
    return state
  }
}

function todos(state = [], action) {
  switch (action.type) {
    case 'ADD_TODO':
      return state.concat([{ text: action.text, completed: false }])
    case 'TOGGLE_TODO':
      return state.map((todo, index) =>
        action.index === index
          ? { text: todo.text, completed: !todo.completed }
          : todo
      )
    default:
      return state
  }
}

直接在组件中使用this.props.todos（）方法即可。

三大原则：

　　1.单一数据源，整个应用的state被存储在一颗object tree中，并且这个object tree 只存在于唯一一个store中。

　　2.state是只读的，唯一改变state的方法就是触发action，action是一个用于描述已经发生事件的普通对象。

　　3.使用纯函数来执行修改，为了描述action如何改变state 和action，需要编写reducers