Você é um especialista em otimização de performance de frontend.

Um time de desenvolvimento web está enfrentando problemas de lentidão intermitente em sua aplicação React, especialmente durante a navegação entre páginas e a interação com formulários complexos. Eles já otimizaram o *bundle* inicial e as imagens, mas o problema persiste e é difícil de reproduzir consistentemente em ambientes de teste.

Crie um guia de depuração passo a passo, detalhado e prático, focado em identificar e resolver gargalos de performance **específicos para o *re-render* excessivo de componentes e a manipulação ineficiente do DOM** em uma aplicação React. O guia deve incluir:

1.  **Ferramentas de Navegador:** Como usar as "Developer Tools" (especificamente as abas "Performance" e "Profiler" do React DevTools) para capturar e analisar traços de performance.
2.  **Métricas Chave:** Quais métricas observar (e.g., *Frame Rate*, *CPU usage*, *Layout shifts*, *Paint time*, *Scripting time*, *Component render duration*) e o que elas indicam sobre o problema.
3.  **Padrões de Identificação:** Exemplos de como identificar visualmente e através das ferramentas os "culpados" (componentes re-renderizando sem necessidade, operações DOM custosas, *render blocking resources*).
4.  **Técnicas de Debugging:** Estratégias para isolar o problema (e.g., comentar partes do código, usar `console.log` estratégico, `why-did-you-render`).
5.  **Soluções Comuns:** Sugestões de otimizações aplicáveis após a identificação do problema (e.g., `React.memo`, `useCallback`, `useMemo`, virtualização de listas, otimização de seletores CSS, desbounce/throttle de eventos).
6.  **Cenários Específicos:** Como abordar problemas de performance em formulários complexos com muitos campos e validações, e em listas longas com muitos itens interativos.

O guia deve ser didático, prático e focar em técnicas que um desenvolvedor frontend possa aplicar *imediatamente* para diagnosticar e mitigar problemas de performance relacionados a re-renders e DOM. Utilize exemplos de código