개발하는SM

useState() VS useReducer() 본문

Web/Front-End

useState() VS useReducer()

개발하는SM 2023. 2. 20. 23:59

useState() 는 대표적인 state 관리 Hook 으로, 개별 state 및 데이터들을 다루기에 적합함.

state update 가 쉽고 몇 가지로 제한되어 있는 경우, 즉 state 가 변경되는 경우가 다양하지 않은 경우 적합함.

 

하지만, 객체 형태의 state 또는 복잡한 state 가 있다면 useReducer 를 고려할 수 있음.

복잡한 형태의 State 를 다루기에 useReducer 가 더 Powerful 한 기능을 제공하기 때문임

( 이전 state 를 가져오거나, dispatch 함수를 호출할 수 있는 기능 등 )

useState() vs useReducer()

참조 : https://www.udemy.com/course/best-react/

두 개의 개별 state 로 관리되던 password 값을 하나의 useReducer 로 리팩토링

'Web > Front-End' 카테고리의 다른 글

[React] React 의 참조형 타입 State 관리와 Javascript 깊은 복사  (2) 2023.03.19
[React] Hook 사용규칙  (0) 2023.03.13
React useEffect ( + Cleanup 함수 )  (0) 2023.02.19
React State - Lifting State Up  (0) 2023.01.09
React 입문  (0) 2023.01.08