[React] 리렌더링Re-rendering

Re-rendering in React

• observing virtual DOM and change the real DOM
• from virtual DOM to real DOM

출처: https://aboveimagine.tistory.com/101 [비전공자의 IT 취업이야기:티스토리]

 

리액트에서 컴포넌트가 리렌더링이 되는 조건

1. 본인이 가진 state에 변화가 생겼을 때
2. 부모 컴포넌트가 리렌더링되었을 때
3. 내려받은 props가 변경되었을 때

 

컴포넌트 최적화

useMemo

React Hooks, 컴포넌트 내부에서만 사용 가능

함수가 아닌 값을 반환

값을 메모이제이션

 

React.memo

HOC,고차 컴포넌트

강화된 컴포넌트를 반환함

컴포넌트를 메모이제이션

 

useCallback

메모이제이션된 콜백을 반환