useState vs useReducer 어떤걸 써야할까?

두 훅은 둘다 상태 관리를 위해 사용되는 훅이라는 점에서 같은 목적으로 사용됩니다.

 

두 훅은 각각의 특징이 있는데 아래와 같습니다.

1. useState
   • 간단한 상태 관리를 위해 사용됨.
2. useReducer
   • 복잡한 상태 로직을 관리하기 위해 사용됨.
   • 상태 업데이트 로직을 리듀서 함수로 분리하여 관리함.
   • 주로 여러 상태를 포함하거나 상태 변경 로직이 복잡한 경우에 사용.

 

간단한 토글 상태 혹은 간단한 구조의 데이터를 다루는 경우 useState를 사용하는 것이 좋습니다.

하지만 특정 액션에 따라 복잡한 상태 로직 관리가 필요한 경우 예를들어 무한 스크롤에서 아이템요소들이 추가될때 아이템 요소들에 대한 갯수 및 페이지, 오프셋 등을 관리하고자 할때 useReducer가 더 적합할 수 있습니다.