akjfal

Profiler API 본문

(구)React 공식문서/고급 안내서

Profiler API

akjfal 2023. 2. 22. 18:55

Profiler API

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

사용법

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

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

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

'(구)React 공식문서 > 고급 안내서' 카테고리의 다른 글

재조정(Reconciliation)  (0) 2023.02.22
JSX 없이 사용하는 React  (0) 2023.02.22
Portal  (0) 2023.02.22
성능 최적화  (0) 2023.02.20
JSX 이해하기  (0) 2023.02.17
Comments