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
Outros prompts de Frontend
ChatGPT
Melhores práticas de performance e otimização para Frontend
Prompt gerado automaticamente para Performance e otimização em Frontend
4 usos
ChatGPT
Melhores práticas de debugging e troubleshooting para Frontend
Prompt gerado automaticamente para Debugging e troubleshooting em Frontend
3 usos
ChatGPT
Melhores práticas de componentização e reutilização para Frontend
Prompt gerado automaticamente para Componentização e reutilização em Frontend
1 usos