Prompt completo
"Você é um especialista em desenvolvimento front-end com foco em React e arquitetura de software escalável. Sua tarefa é guiar uma equipe de desenvolvedores juniores na refatoração de um grande aplicativo React monolítico para uma arquitetura de micro-frontends, utilizando Module Federation. Crie um roteiro detalhado, passo a passo, que aborde: 1. **Estratégias de Divisão:** Como identificar e modularizar componentes e funcionalidades em domínios de negócio independentes. 2. **Configuração do Module Federation:** Exemplos práticos de `webpack.config.js` para hosts e remotes, incluindo a exposição e consumo de componentes e hooks personalizados. 3. **Gerenciamento de Estado:** Abordagens para compartilhar estado global ou dados entre micro-frontends (ex: Context API, Redux com isolamento de escopo, ou alternativas mais modernas). 4. **Comunicação entre Módulos:** Mecanismos para micro-frontends se comunicarem sem acoplamento forte (ex: eventos customizados, pub/sub). 5. **Desafios e Soluções:** Como lidar com versionamento de dependências, duplicação de bibliotecas, otimização de performance (code splitting), e implantação contínua em um ambiente de micro-frontends. O roteiro deve ser prático, incluir snippets de código React/JavaScript quando apropriado, e focar em melhores práticas para garantir manutenibilidade, escalabilidade e performance. Considere cenários onde diferentes equipes podem ser responsáveis por diferentes micro-frontends."
Tags relacionadas
React
Componentização avançada
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 React
ChatGPT
Melhores práticas de performance optimization para React
Prompt gerado automaticamente para Performance optimization em React
4 usos
ChatGPT
Melhores práticas de context api e redux para React
Prompt gerado automaticamente para Context API e Redux em React
4 usos
ChatGPT
Melhores práticas de error boundaries para React
Prompt gerado automaticamente para Error boundaries em React
4 usos