Redux化

こんな感じですかね。 Redux+TypeScript

ts

import { createStore } from 'redux';
...
 
export const initialState = {
	...
};
 
export type StateType = typeof initialState;
 
enum ActionType {
  SET_ITEMS = "SET_ITEMS",
}
 
export const setItems = (items: StateItem[]) => {
  return { type: ActionType.SET_ITEMS, payload: items }
}
 
interface Action {
  type: ActionType;
  payload: any;
}
 
function rootReducer(state = initialState, action: Action) {
  switch (action.type) {
    case ActionType.SET_ITEMS:
      return { ...state, items: action.payload };
    default:
      return state;
  }
}
 
export const store = createStore(rootReducer);

pRegroup-done-2019