Prompt para componentização avançada em React
Prompt gerado automaticamente para Componentização avançada em React
5.0
48 usos
ChatGPT
"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
Como Usar este Prompt
1
Clique no botão "Copiar Prompt" para copiar o conteúdo completo.
2
Abra sua ferramenta de IA de preferência (ChatGPT e etc.).
3
Cole o prompt e substitua as variáveis (se houver) com suas informações.
Outros prompts de React
Continue explorando prompts nesta categoria.
Melhores práticas de performance optimization para React
Prompt gerado automaticamente para Performance optimization em React
Melhores práticas de context api e redux para React
Prompt gerado automaticamente para Context API e Redux em React
Melhores práticas de error boundaries para React
Prompt gerado automaticamente para Error boundaries em React