Prompt para componentização avançada em React

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

5.0
48 usos
ChatGPT
Usar no 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."

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.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

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