TIL) useState와 useReducer를 언제 쓸지 구분하기

 

✔️ useState & useReducer를 언제 쓸지 알아보자 (정확하게 정해진 규칙은 없음)

useState는 주요 state 관리 도구이다. 개별 state 및 데이터를 다루기에 적합하다.

state 업데이트가 쉽고, 몇 종류 안되는 경우에 적합하다. 

 

정리 => state가 변경되는 경우가 다양하지 않다면, 특히 state로서의 객체나 그 비슷한 게 없다면 useState 사용

 

useReducer는 state로서의 객체가 있는 경우, 또는 복잡한 state가 있을때 적합하다. 

연관된 state 조각들로 구성된 state 관련 데이터를 다루는 경우에 적합하다. 

 

정리 => 관련 state 스냅샷들이 서로 독립적이고 업데이트가 같이 잘 안된다면 useReducer 사용

 

 

---

⭐️ useReducer를 사용하는 것이 간단하지만, 절대적으로 항상 useReducer를 사용해야 하는 것이 아니다. 

ex) 두 개의 서로 다른 값을 전환하기만 하는 단순한 state가 있는 경우라면 굳이 useReducer를 사용할 필요는 없다.

 

 useReducer의 또다른 기능)

 useReducer를 사용해서 폼 state를 전체적으로 관리할 수도 있다. (폼 유효성을 위해서 useState를 사용하는 대신)

 

 

😃 잘못된 개념 전달이 있다면 댓글 부탁드립니다. 저의 성장에 큰 도움이 됩니다🤓