redux-actionsメモ

redux-actionsメモ

Action CreatorReducerの定義を補助する

Github
Document

Action Creator

createAction(type, payloadCreator, metaCreator)で以下のようなActionを返すAction Creatorを生成する。
payloadCreatorを指定しなかった場合、actionCreactor(foo)のfooがそのままpayloadになる。
metaCreatorはpayloadを引数に取る。
payloadがErrorオブジェクトの場合、reducerに渡されるactionのaction.errorはtrueになる。

{
 type: type,
  payload: {...},
  meta: {...}
}

Reducer

以下の形式でreducerを定義する

const reducer = handleActions(
  {
    // actions.fooはcreateAction()の戻り値
    [acitons.foo]: (state, action) => {
      return {
        ...state,
        foo: action.payload.foo
      }
    },
    [actions.bar]: (state, aciton) => {
      // ...
    }
  },
  initialState
)

React Routerメモ
React Reduxメモ