리렌더링 발생 조건
- 컴포넌트에서 state가 바뀌었을 때
- 컴포넌트가 내려받은 props가 변경되었을 때
- 부모 컴포넌트가 리-렌더링 된 경우 자식 컴포넌트는 모두!
최적화
- 불필요한 리렌더링이 발생하지 않게 한다 = 비용 발생을 줄인다 = 최적화(Optimization) 한다
- 최적화하는 대표적인 방법
- memo(React.memo) : 컴포넌트를 캐싱
- useCallback : 함수를 캐싱
- useMemo : 값을 캐싱
'⛵ 항해99 > TIL · WIL ✏️' 카테고리의 다른 글
| [WIL] 08.28 ~ 09.03 (0) | 2023.09.03 |
|---|---|
| [TIL] 2023.08.31 - Redux / Redux 설치 및 설정 (0) | 2023.08.31 |
| [TIL] 2023.08.29 - useEffect / 의존성 배열(dependency array) (0) | 2023.08.30 |
| [TIL] 2023.08.28 - 주특기(React) 과제_Lv1(My Todo List) (0) | 2023.08.28 |
| [WIL] 08.21 ~ 08.27 (0) | 2023.08.27 |