[React] useState vs useReducer

💎 useReducer

useState 외에 상태를 관리하는 또다른 훅이 바로 useReducer이다.

useState와의 차이점은, 컴포넌트의 상태 업데이트 로직을 컴포넌트에서 분리시킬 수 있다는 것이다.

상태 업데이트 로직을 컴포넌트에서 분리시킨다는 것의 의미는?

• 이 로직을 컴포넌트 바깥에 작성할 수도 있고,
• 다른 파일에 작성 후 불러와서 사용할 수도 있다는 것이다.

그럼 useState보단 useReducer를 사용하는 게 더 좋은 거 아니야?

🔹 useState vs useReducer

정답은 없지만, 고려해볼만한 사항들을 정리해보았다.

useState를 사용하는 것이 좋은 경우

• 컴포넌트에서 관리하는 값이 하나이고,
• 그 값이 단순한 숫자, 문자열, 불리언 값일 경우

useReducer를 사용하는 것이 좋은 경우

컴포넌트에서 관리하는 값이 여러개가 되어 상태의 구조가 복잡해질 경우

Reference

• https://react.vlpt.us/basic/20-useReducer.html