[React-Hooks] useReducer에 대해 알아보기(useState와 비교)

useReducer란?

• useReducer는 React 내장 훅 중의 하나이다.
• useState와 비슷하지만 더 많은 기능을 가지고 있다.
• 즉, useReducer는 useState처럼 State(상태)를 관리하고 업데이트 할 수 있는 Hook이다.

---

useReducer 사용법

const [state, dispatch] = useReducer(reducer, initialArg, init);

const [상태 객체, dispatch 함수] = useReducer(reducer 함수, 초기 상태, 초기 함수)

---

useReducer 🆚 useState

언제 useReducer를 사용하며, 언제 useState를 사용해야 할까?

• useState
  • 관리해야 할 State 및 데이터가 1개일 경우
  • 그 State가 단순한 숫자, 문자열 또는 Boolean 값일 경우
• useReducer
  • 관리해야 할 State가 1개 이상, 복수일 경우
  • 혹은 현재는 단일 State 값만 관리하지만, 추후 유동적일 가능성이 있는 경우
  • 스케일이 큰 프로젝트의 경우
  • State의 구조가 복잡해질 것으로 보이는 경우