Refatoração de componente React complexo
Quebre um componente grande em partes menores sem alterar comportamento visível.
Reputação
Avalie a utilidade deste prompt
O ranking combina reações positivas, visualizações únicas e volume mínimo de avaliações para evitar que um prompt suba só por tráfego.
Quando usar
Reduzir complexidade e preservar contrato de interface.
Guia de uso profissional
Este prompt foi pensado para profissionais de desenvolvedor que precisam executar desenvolvimento no contexto de tecnologia. Ele transforma a tarefa "Refatoração de componente React complexo" em um roteiro de trabalho com contexto, restrições e formato de saída definidos.
Reduzir complexidade e preservar contrato de interface. Para evitar respostas superficiais, a estrutura força a IA a explicar premissas, organizar prioridades e entregar algo que possa ser revisado por uma pessoa antes do uso final.
A versão principal foi escrita para Claude em nível avançado. É uma boa escolha para materiais longos, revisão cuidadosa e respostas que precisam separar evidência, risco e recomendação. O nível avançado exige mais contexto e costuma gerar uma saída melhor quando você inclui restrições, exemplos e critérios de decisão.
Antes de enviar para a IA
- Inclua linguagem, framework, trecho de código, erro observado, versão das bibliotecas e restrições de arquitetura.
- Cole o trecho mínimo necessário para análise e explique o comportamento esperado.
- Informe restrições de compatibilidade, performance, segurança e padrões do projeto.
- Peça que a resposta separe mudança obrigatória, melhoria opcional e risco de regressão.
Como avaliar a resposta
- A solução preserva contrato público, estados de erro e compatibilidade com chamadas existentes.
- A resposta explicita trade-offs em vez de sugerir refatoração estética sem impacto.
- Os testes sugeridos cobrem caso feliz, bordas e entradas inválidas.
Erros comuns ao usar
- Pedir uma reescrita completa sem informar o motivo técnico.
- Aceitar código sem revisar dependências, tipos, migrações e efeitos colaterais.
- Omitir logs, payloads e versões que mudam o diagnóstico.
Ajustes recomendados
- No Claude, organize entradas longas com seções nomeadas e peça que ele cite quais partes do contexto sustentam cada conclusão.
- Confira se a resposta tratou riscos, exceções e alternativas antes de transformar a sugestão em plano de trabalho.
- Troque exemplos genéricos por dados do seu caso real e mantenha nomes, números e limitações em campos separados.
Prompt-base
Atue como especialista em Desenvolvedor no setor de Tecnologia. Sua função é ajudar em "Refatoração de componente React complexo".
Contexto:
{{descreva_o_contexto}}
Dados disponíveis:
{{cole_os_dados_ou_texto_aqui}}
Objetivo:
Reduzir complexidade e preservar contrato de interface.
Regras:
- Não invente dados, leis, métricas, documentos ou resultados.
- Quando faltar informação, marque como [PENDENTE].
- Priorize recomendações aplicáveis ao trabalho real.
- Separe diagnóstico, execução sugerida, riscos e próximos passos.
- Use linguagem objetiva em português do Brasil.
Entregue:
1. Resumo do problema.
2. Pontos críticos.
3. Sugestão estruturada.
4. Checklist de validação.
5. Próxima ação recomendada.Exemplo de entrada
Contexto de Desenvolvedor para refatoração de componente react complexo, com dados reais colados pelo usuário e restrições do projeto.
Exemplo de saída esperada
Saída esperada: análise estruturada para desenvolvimento, com pendências explícitas, riscos priorizados e próximos passos práticos.
Tags
Cuidados e limites
Não cole secrets, tokens, chaves privadas, dados de clientes ou logs com informação sensível. Revise qualquer sugestão antes de aplicar em produção.