📚 Reference

• 참고 자료 1

Reducer

• 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에게 묻는다.