IT/React
useMemo, useCallback, useReducer, useState 의 특징 (간단하게)
Null+1
2020. 10. 26. 18:00
오랫만에 쓰는 글
최근 리액트를 아무리 봐도 자꾸만 하얘지는 머릿속에 감탄하며 책을 다시 보는 중이다.
그 중 헷갈리는 개념 몇개를 아주 간단하게 정리하여 공유하려고 한다.
- useMemo
: 렌더링 성능을 최적화하기 위하여 주료 사용함 ( 특정 값이 바뀌었을 때만 렌더링 될 수 있도록 최적화를 도와줌) - useCallback
: useMemo와 거의 똑같은 성능을 가지고 있으나 함수를 재사용하는 용도로 주로 사용함 - useReducer
:useState보다 더 다양한 상태를 관리하기 위해서 사용하는 Hooks
현재상태를 미리 정의해 둔뒤 액션에 맞추어 작동할 수 있는 컨트롤러를 구현해놓음
후에 리덕스를 사용하기 위해서는 꼭 알아두어야 할 패턴 중 하나 - useState
: 렌더링 대상이 되는 state를 관리하기 위해서 사용하는 Hooks
set함수를 통해서 값을 주입하여 관리하며 역시 불변성을 지킬 수 있도록 하는 것이 중요
음.... 이해가 잘 가는 사람도 있고 아닌 사람도 있을 듯
하지만 결국 함수형 컴포넌트에 익숙해 지고자 하는 사람은 누구나 거쳐야 하는 관문