IT/React

useMemo, useCallback, useReducer, useState 의 특징 (간단하게)

오랫만에 쓰는 글

최근 리액트를 아무리 봐도 자꾸만 하얘지는 머릿속에 감탄하며 책을 다시 보는 중이다.

그 중 헷갈리는 개념 몇개를 아주 간단하게 정리하여 공유하려고 한다.

  • useMemo
    : 렌더링 성능을 최적화하기 위하여 주료 사용함 ( 특정 값이 바뀌었을 때만 렌더링 될 수 있도록 최적화를 도와줌) 
  • useCallback
    : useMemo와 거의 똑같은 성능을 가지고 있으나 함수를 재사용하는 용도로 주로 사용함
  • useReducer
    :useState보다 더 다양한 상태를 관리하기 위해서 사용하는 Hooks
    현재상태를 미리 정의해 둔뒤 액션에 맞추어 작동할 수 있는 컨트롤러를 구현해놓음
    후에 리덕스를 사용하기 위해서는 꼭 알아두어야 할 패턴 중 하나
  • useState
    : 렌더링 대상이 되는 state를 관리하기 위해서 사용하는 Hooks
    set함수를 통해서 값을 주입하여 관리하며 역시 불변성을 지킬 수 있도록 하는 것이 중요

음.... 이해가 잘 가는 사람도 있고 아닌 사람도 있을 듯

하지만 결국 함수형 컴포넌트에 익숙해 지고자 하는 사람은 누구나 거쳐야 하는 관문