React 애플리케이;션이 렌더링하는 빈도와 렌더링 비용을 측정합니다. 메모이제이션 같은 성능 최적화 방법을 활용할 수 있는 애플리케이션의 느린부분들을 시겹해내는 것입니다.
사용법
Profiler는 id와 onRender 두가지 props를 요구합니다.
(
<Profiler id="nav" onRender={callback}>
...
</Profiler>
}
JavaScript
복사
복수로 사용하거나 하위 트리에 중첩으로도 사용 가능합니다.