🔬
DevTools

React Profiler

Ferramenta no React DevTools que mostra quais componentes renderizaram, por quê e quanto custou.

Definição

React Profiler é uma aba do React DevTools que grava sessões de renderização e mostra: quais componentes renderizaram, em que fase (mount/update), tempo gasto, e o motivo (props, state, context). Existe também a API Profiler para uso programático.

🔴 Problema

console.log e Lighthouse não mostram qual componente React específico está causando lentidão.

✅ Solução

React Profiler → flamegraph com timing por componente + 'Why did this render?' para diagnóstico exato.

💡 Dica Senior

Sempre faça profiling em modo Produção (build). O modo Desenvolvimento é propositalmente mais lento.

Perguntas de Entrevista

15/48