더북(TheBook)

14.2.1 예시

 

이 구조를 공부하기 앞서, Ducks 구조를 사용한 예시 모듈을 한번 살펴봅시다.

// 액션 타입
const CREATE = ‘my-app/todos/CREATE’;
const REMOVE = ‘my-app/todos/REMOVE’;
const TOGGLE = ‘my-app/todos/TOGGLE’;
 
// 액션 생성 함수
export const create = (todo) => ({
  type: CREATE,
  todo,
});
 
export const remove = (id) => ({
  type: REMOVE,
  id
});
 
export const toggle = (id) => ({
  type: TOGGLE,
  id
});
 
const initialState = {
  // 초기 상태...
}
 
// 리듀서
export default function reducer(state = initialState, action) {
  switch (action.type) {
    // 리듀서 관련 코드...
  }
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.