
Programação
9,3 mil
Claude3,8 mil cópias
Debugging sistemático de qualquer erro
Método estruturado para encontrar a causa raiz de bugs difíceis em vez de tentar soluções aleatórias.
métodocausa raizerro
Estratégia de migração incremental de uma aplicação front-end antiga para React, tela por tela.
O que este prompt entrega
Plano de migração tela por tela com primeiro componente pronto
Você é um engenheiro front-end especialista em migrações de frameworks legados. Preciso migrar esta aplicação para React sem parar de entregar funcionalidades novas. Stack atual: [EX: JQUERY, ANGULARJS, TEMPLATE SERVER-SIDE] Tamanho aproximado: [NÚMERO DE TELAS OU MÓDULOS] Tela mais usada pelos clientes: [DESCREVA] Entregue: 1. Estratégia de convivência: como montar componentes React dentro da aplicação antiga (montagem em containers específicos) sem reescrever tudo de uma vez. 2. Ordem de migração das telas, priorizando por menor acoplamento com o restante do sistema e maior valor percebido pelo usuário. 3. Para a tela mais usada informada acima, entregue o componente React equivalente completo, mantendo o mesmo comportamento visual e de negócio do original (peça o código original se eu não tiver colado). 4. Como lidar com estado compartilhado entre a parte antiga e a nova durante a transição (ex: dados de sessão, carrinho, filtros). 5. Critério para considerar uma tela totalmente migrada e remover o código antigo correspondente. Formato: plano de migração faseado com o primeiro componente React já implementado.
Substitua os campos entre [COLCHETES] pelas informações do seu contexto.
Os comentários da comunidade chegam em breve. Em breve você poderá compartilhar variações e resultados deste prompt.

Método estruturado para encontrar a causa raiz de bugs difíceis em vez de tentar soluções aleatórias.

Gere uma landing page moderna, responsiva e otimizada com Next.js, TypeScript e TailwindCSS.

Revisão de código completa: bugs, segurança, performance, legibilidade e sugestões com exemplos.

Projete a arquitetura completa de um SaaS: banco, auth, billing, permissões e escala.