Profiler API

akjfal 2023. 2. 22. 18:55

React 애플리케이션이 렌더링하는 빈도와 렌더링 비용을 측정합니다. 애플리케이션 느린부분들을 찾아내서 메모이제이션 같은 성능 최적화 방법을 통해 해결가능합니다.

사용법

Profiler는 id와 onRender 두가지 props를 요구합니다.

(
	<Profiler id="nav" onRender={callback}>
		...
	</Profiler>
}

복수로 사용하거나 하위 트리에 중첩으로도 사용 가능합니다.