React DevTools 진단은 관찰에서 가설 검증으로 반복한다

무작정 memo를 붙이지 않고 어떤 컴포넌트가 왜 렌더됐는지 증거부터 모은다.

1

재현

느린 상호작용과 입력 조건을 고정

2

Components

props·state·owner 경계를 확인

3

Profiler

commit 시간과 렌더된 subtree 측정

4

가설

변한 prop·context·state 원인을 선택

5

재측정

한 가지 변경 뒤 같은 시나리오 비교

핵심렌더 횟수보다 사용자가 기다린 commit 비용과 불필요하게 넓은 갱신 범위를 우선 본다.