덕스패턴

• 연관된 action-types, action-creater, reducer 를 하나의 파일에 작성
• action-types는 접두사+액션이름으로 작성(예: todos/CREATE)
• action-creater는 export 로 내보내기
• reducer는 export default 로 내보내기

const CREATE = 'todos/CREATE';
const DELETE = 'todos/DELETE';

export const createTodos = (todo) => {
  return {
    type: CREATE,
    payload: todo,
  };
};
export const deleteTodos = (id) => {
  return {
    type: DELETE,
    payload: id,
  };
};

const initState = { todos: [] };
const reducer = createReducer(initState, {
  [CREATE]: (state, action) => {
    state.todos.push(todo);
  },
  [DELETE]: (state, action) => {},
});

export default reducer;