오랫만에 쓰는 글
최근 리액트를 아무리 봐도 자꾸만 하얘지는 머릿속에 감탄하며 책을 다시 보는 중이다.
그 중 헷갈리는 개념 몇개를 아주 간단하게 정리하여 공유하려고 한다.
- useMemo
: 렌더링 성능을 최적화하기 위하여 주료 사용함 ( 특정 값이 바뀌었을 때만 렌더링 될 수 있도록 최적화를 도와줌) - useCallback
: useMemo와 거의 똑같은 성능을 가지고 있으나 함수를 재사용하는 용도로 주로 사용함 - useReducer
:useState보다 더 다양한 상태를 관리하기 위해서 사용하는 Hooks
현재상태를 미리 정의해 둔뒤 액션에 맞추어 작동할 수 있는 컨트롤러를 구현해놓음
후에 리덕스를 사용하기 위해서는 꼭 알아두어야 할 패턴 중 하나 - useState
: 렌더링 대상이 되는 state를 관리하기 위해서 사용하는 Hooks
set함수를 통해서 값을 주입하여 관리하며 역시 불변성을 지킬 수 있도록 하는 것이 중요
음.... 이해가 잘 가는 사람도 있고 아닌 사람도 있을 듯
하지만 결국 함수형 컴포넌트에 익숙해 지고자 하는 사람은 누구나 거쳐야 하는 관문
'IT > React' 카테고리의 다른 글
CRA(Create React App) 환경에서 Emotion 설치해서 사용하기 (0) | 2021.01.28 |
---|---|
CRA(Create React App) + Eslint + Prettier 로 환경설정하기 (0) | 2021.01.28 |
Create-react-app (CRA)에서 절대경로 설정하기 (0) | 2020.06.17 |
VScode Styled Component 자동완성 기능 (6) | 2020.01.15 |
리액트 조건부 라우팅 방법 (0) | 2020.01.08 |