Перейти к содержимому
16 / 21

Как профилировать рендеринг React-компонентов через DevTools?

React DevTools Profiler записывает каждый рендер: какие компоненты отрисовались, сколько времени заняло, и почему произошёл ре-рендер. Запускается через вкладку Profiler в React DevTools: нажимаешь Record, взаимодействуешь с приложением, останавливаешь — получаешь flamegraph со временем каждого компонента. Опция "Why did this render?" показывает причину каждого ре-рендера.

Как профилировать рендеринг React-компонентов через DevTools? | JScriptiser