\(@^0^@)/

useState( ) vs useReducer( ) 본문

TIL

useState( ) vs useReducer( )

minjuuu 2021. 11. 1. 12:18
728x90

useState( )

  • The main state management "tool"
    useState는 주요 상태 관리 도구
  • Great for independent pieces of state/ data
    독립된 상태 및 데이터 조각에 적합
  • Great if state updates are easy and limited to a few kinds of updates
    상태 업데이트가 쉬우면 좋음, 몇 가지 종류의 업데이트로 제한 됨.

useReducer( ) : object가 state로 있는 경우, 또는 더 복잡한 상태

  • Great if you ned "more power"
  • Should be considered if you have related pieces of state/ data
    관련 데이터를 다루는 경우, 관련된 state조각으로 구성된 state.
  • Can be helpful if you have more complex state updates
    더 복잡한 상태 업데이트가 있는 경우
  • useReducer는 useState와 함께 사용하는 것이 좋음.
    특히 useEffect와 결합 할 때.
  • 주의 : 전환만 하는 간단한 상태가 있을 경우에 ex) 두개의 다른 값 사이
    useReducer를 사용하는 것은 과도 할 수 있음.


※ 이미지 : https://dev.to/jackent2b/usereducer-vs-usestate-the-war-b2d

※ 참고 : https://www.udemy.com/share/101Way3@S3Hf3-oGc6a50lPVXofyohPrfax30qiEH7AV-cgocxbfxE6hzLSm7wnfgvEXwfi3NA==/

728x90

'TIL' 카테고리의 다른 글

[TIL] 클론코딩 시작  (0) 2021.11.16
Rules of Hooks  (0) 2021.11.02
React Quiz  (0) 2021.10.23
React Quiz  (0) 2021.10.21
[JS] PadStart(), PadEnd()  (0) 2021.09.29