Prompt completo
"Você é um engenheiro de software sênior com vasta experiência em desenvolvimento web e depuração de aplicações Frontend. Seu time está enfrentando um problema intermitente e difícil de reproduzir em produção: alguns usuários relatam que, ao interagir com um formulário complexo em uma aplicação React, o formulário 'trava' ou exibe dados incorretos após o envio, mas isso não acontece consistentemente para todos. A aplicação utiliza React Hooks (useState, useEffect, useCallback), Context API para gerenciamento de estado global e Redux-Saga para efeitos colaterais assíncronos (envio do formulário para uma API REST). O backend é um serviço Node.js com Express. Seu objetivo é criar um guia detalhado e prático para o time de desenvolvimento, abordando as etapas de depuração, as ferramentas a serem utilizadas e as possíveis causas desse tipo de comportamento intermitente. O guia deve focar em técnicas de 'debugging e troubleshooting' específicas para o Frontend, considerando o stack tecnológico mencionado. O guia deve incluir: 1. **Estratégias de Reprodução:** Como tentar reproduzir o erro de forma mais consistente (ex: diferentes navegadores, dispositivos, velocidades de rede, sequência de cliques, dados de entrada). 2. **Ferramentas de Depuração do Navegador:** Quais abas e recursos do Chrome DevTools (ou equivalentes) seriam mais úteis para investigar (ex: Network, Console, Components/Profiler, Performance, Application/Storage). Detalhe como usar cada uma para este cenário. 3. **Depuração de Estado e Ciclo de Vida:** Como inspecionar o estado dos componentes React (useState, Context API) e o fluxo de dados através do Redux-Saga durante o problema. 4. **Monitoramento de Rede:** Como analisar as requisições e respostas da API para identificar possíveis falhas de comunicação ou inconsistências de dados. 5. **Análise de Logs:** Que tipo de logs Frontend seriam úteis (ex: console.log estratégico, bibliotecas de logging) e onde eles deveriam ser inseridos para capturar informações relevantes. 6. **Possíveis Causas Comuns:** Uma lista de hipóteses para o problema intermitente (ex: race conditions, efeitos colaterais não limpos, erros de tipagem, problemas de cache,
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
5 usos
ChatGPT
Melhores práticas de debugging e troubleshooting para Frontend
Prompt gerado automaticamente para Debugging e troubleshooting em Frontend
6 usos
ChatGPT
Melhores práticas de debugging e troubleshooting para Frontend
Prompt gerado automaticamente para Debugging e troubleshooting em Frontend
4 usos