🎨
ChatGPT intermediate

Dicas de debugging e troubleshooting para Frontend

Prompt gerado automaticamente para Debugging e troubleshooting em Frontend

2 usos Frontend

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