Profiler 기반 메모이제이션 보드

React DevTools Profiler로 렌더 횟수와 commit 시간을 확인한 뒤, 효과가 없는 메모는 제거한다.

1

핵심 1

Profiler 기반 메모이제이션 보드 메모이제이션은 적용 전후 수치가 달라질 때만 남긴다

2

핵심 2

React DevTools Profiler로 렌더 횟수와 commit 시간을 확인한 뒤, 효과가 없는 메모는 제거한다.

3

핵심 3

측정 항목 Profiler에서 볼 것 적용 후보 통과 기준 렌더 횟수 같은 props인데 자식이 반복 렌더되는가 React.memo + props 안정화 불필요…

4

핵심 4

큰가 메모 제거 코드가 단순해지고 성능이 같거나 좋아야 함

핵심Profiler 기반 메모이제이션 보드은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.