[TIL] 2023.08.30 - 리렌더링 / 최적화

 리렌더링 발생 조건 

• 컴포넌트에서 state가 바뀌었을 때
• 컴포넌트가 내려받은 props가 변경되었을 때
• 부모 컴포넌트가 리-렌더링 된 경우 자식 컴포넌트는 모두!

 

 최적화 

• 불필요한 리렌더링이 발생하지 않게 한다 = 비용 발생을 줄인다 = 최적화(Optimization) 한다
• 최적화하는 대표적인 방법
  - memo(React.memo) : 컴포넌트를 캐싱
  - useCallback : 함수를 캐싱
  - useMemo : 값을 캐싱