🎨
ChatGPT intermediate

Melhores práticas de debugging e troubleshooting para Frontend

Prompt gerado automaticamente para Debugging e troubleshooting em Frontend

6 usos Frontend

Prompt completo

"Você é um engenheiro de software sênior com vasta experiência em desenvolvimento frontend e depuração de aplicações complexas. Um colega júnior está enfrentando dificuldades para identificar a causa de um erro intermitente em uma aplicação web React. O erro se manifesta como um comportamento inesperado da UI (elementos aparecendo e sumindo aleatoriamente, dados incorretos sendo exibidos) apenas para um subconjunto de usuários e em condições de rede específicas (baixa latência, alta largura de banda), tornando a reprodução e depuração desafiadoras. Não há erros visíveis no console do navegador nem no backend.

Crie um guia passo a passo detalhado, com foco em técnicas e ferramentas de depuração avançadas para frontend (além do `console.log`), que o colega júnior possa seguir para diagnosticar e resolver este problema. Inclua:

1.  **Estratégias para reprodução:** Como simular as condições específicas de rede e usuário.
2.  **Ferramentas do navegador:** Uso aprofundado de DevTools (Network, Performance, Memory, Application, Debugger) para identificar gargalos e inconsistências.
3.  **Monitoramento de estado:** Como inspecionar o estado da aplicação (Redux, Context API, etc.) em diferentes momentos e sob diferentes condições.
4.  **Rastreamento de componentes:** Como identificar quais componentes estão sendo renderizados, re-renderizados ou não renderizados corretamente.
5.  **Análise de diferenças:** Como comparar o comportamento esperado com o observado em termos de DOM, CSS e dados.
6.  **Possíveis causas comuns:** Hipóteses para erros intermitentes em React (caching, race conditions, hydration issues, reatividade de dados, efeitos colaterais de bibliotecas de terceiros).
7.  **Dicas para organização:** Como documentar as descobertas e isolar o problema.

O guia deve ser prático, acionável e escrito em um tom didático, como se você estivesse mentorando o colega júnior."

Tags relacionadas

Frontend Debugging e troubleshooting gerado-automaticamente

Como usar este prompt

1

Clique no botão "Copiar" para copiar o prompt para sua área de transferência

2

Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)

3

Cole o prompt e adapte conforme necessário para seu contexto específico