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