⚛️
ChatGPT intermediate

Prompt para componentização avançada em React

Prompt gerado automaticamente para Componentização avançada em React

2 usos React

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