Reducers

Reducers are pure functions which are called sequentially when some action is dispatched. With them you can perform state changes based on the dispatched action.

A simple reducer will look like this:

const reducer = (state, action) => {
  switch (action.type) {
    case 'RESOURCE_CREATE':
      return {
        ...state,
        list: [ action.detail, ...state.list ],
      }
    default:
      return state
  }
}