✔️ 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를 사용하는 대신)
😃 잘못된 개념 전달이 있다면 댓글 부탁드립니다. 저의 성장에 큰 도움이 됩니다🤓
'🖥FrontEnd > React' 카테고리의 다른 글
| 리액트 훅 사용 규칙 (0) | 2022.07.26 |
|---|---|
| 리액트 Context ,리액트 컨텍스트의 한계 (0) | 2022.07.26 |
| useReducer, useReducer 의 구조 (0) | 2022.07.25 |
| 클린업, clean up 함수, 클린업 함수가 실행되는 경우, useEffect 총정리 (0) | 2022.07.24 |
| 리액트 useEffect에서 의존성 배열을 사용하는 경우, 의존성 배열에 추가하지 않아도 되는 것 (0) | 2022.07.24 |
