Reducer

리듀서
리듀서는 변화를 일으키는 함수이다.
리듀서는 두 가지의 파라미터를 받아온다.

function reducer(state, action) {
  // 상태 업데이트 로직
  return alteredState;
}

리듀서는 현재의 상태와 전달 받은 액션을 참고하여 새로운 상태를 만들어서 반환한다.
이 리듀서는 useReducer 를 사용할 때 작성하는 리듀서와 똑같은 형태를 가지고 있다.
만약 카운터를 위한 리듀서를 작성한다면 다음과 같이 작성할 수 있다.

function counter(state, action) {
  switch (action.type) {
    case 'INCREASE':
      return state + 1;
    case 'DECREASE':
      return state - 1;
    default:
      return state;
  }
}

useReducer 에선 일반적으로 default: 부분에 throw new Error('Unhandled Action')과 같이 에러를 발생시키도록 처리하는 게 일반적인 반면 리덕스의 리듀서에서는 기존 state를 그대로 반환하도록 작성해야 한다.
리덕스를 사용 할 때에는 여러 개의 리듀서를 만들고 이를 합쳐서 루트 리듀서 (Root Reducer)를 만들 수 있다. (루트 리듀서 안의 작은 리듀서들은 서브 리듀서라고 부른다.)
store는 액션이 어떤 상태 변화를 만드는지 알 필요가 있을 때 reducer에게 묻는다.
root reducer는 애플리케이션 상태 객체의 키(key)를 기준 삼아 상태를 조각조각 나눈다.
이렇게 나누어진 상태 조각은 그 조각을 처리할 줄 아는 reducer에게 넘겨준다.
reducer는 마치 서류 복사에 지나치게 열성적인 사무실 직원들과 같다.