Как пользоваться React Profiler?

Middle
183 просмотров
AFK Offer AI

Profiler измеряет, как часто и насколько долго компонент рендерится. Можно обернуть часть дерева в — колбэк получит id, phase (mount/update), actualDuration, baseDuration. React DevTools предоставляет визуальный профайлер — записываешь сессию, видишь flamegraph с временем каждого компонента. Highlights позволяют увидеть, какие компоненты перерендериваются при действии. Это основной инструмент для оптимизации.

Следующий вопрос

Как использовать Suspense для загрузки данных?