[React] useReducer를 써야할까 useState를 써야할까?

• useState, useReducer 모두 상태를 관리하는 훅이기 때문에 어떤 상황에서 어떤 것을 쓰는게 나을지 궁금했다.
• useState는 관리할 상태가 간단할 때 일반적으로 사용하면 좋다. useReducer는 간단하게 만들더라도 useState보다는 보일러플레이트가 길어서 verbose해보인다.
• 반면 관리할 상태가 여러개이고, 서로가 의존하고 있으며, 상태를 조작할 동작이 여러개일 때는 useReducer를 사용하는 것이 낫다.
  • 상태가 변하는 로직을 reducer 한 군데 몰아넣음으로써 상태 간의 관계를 한 번에 파악하기 용이하고, reducer에 로직을 몰아넣음으로써 훅을 깔끔하게 유지할 수 있다.
  • 액션이 여러 개일 때 위 이유와 마찬가지로 리듀서 한 군데에서 액션을 관리할 수 있다.
  • 액션을 useCallback으로 감싸서 훅에서 리턴하면 사용처에서는 디펜던시 걱정없이 사용할 수 있다. 왜냐하면 dispatch는 의존성이 없기 때문이다.

Ref

https://kentcdodds.com/blog/should-i-usestate-or-usereducer