Princípios da arquitetura de micro-frontends

Microsistemas de interface aplicam ideias de microsserviços à interface: um aplicativo grande é dividido em partes desenvolvidas e implantadas de forma independente, cada uma pertencente a uma equipe diferente, e depois combinadas em uma única experiência para o usuário.

Uma única interface grande significa que todas as equipes trabalham em uma base de código, coordenam lançamentos e compartilham uma única compilação. À medida que a organização cresce, isso se torna um gargalo — compilações lentas, conflitos de mesclagem e ciclos de lançamento.

A ideia central é a responsabilidade de ponta a ponta. Uma equipe é responsável por seu recorte da interface do usuário, do código à implantação — seu próprio repositório, fluxo de entrega e ambiente de execução — para poder avançar sem esperar pelas outras.

As equipes são divididas por capacidade de negócio (Finalização da compra, Pesquisa, Perfil), não por camada técnica. Cada recorte contém sua própria interface do usuário, lógica e acesso a dados dessa capacidade.

Cada microfrontend é implantado de acordo com seu próprio cronograma. A equipe de Pesquisa pode fazer dez implantações por dia sem tocar na Finalização da compra. Os lançamentos são desacoplados, reduzindo riscos e a necessidade de coordenação.

As equipes podem escolher estruturas diferentes para cada recorte. Na prática, a maioria das organizações padroniza (por exemplo, todas usam Vue) para contar com ferramentas compartilhadas, mas a arquitetura permite diversidade quando isso se justifica.

Uma maneira de combinar os recortes é a integração em tempo de compilação: cada microfrontend é publicado como um pacote, e o aplicativo contêiner os instala como dependências e os compila em conjunto.

A integração em tempo de compilação é simples, mas acopla os lançamentos: para implantar uma nova versão da Finalização da compra, o contêiner precisa ser recompilado e implantado novamente. Você perde a verdadeira implantação independente.

A integração em tempo de execução carrega microfrontends no navegador durante a execução — o contêiner busca o código de um remote quando necessário. Cada remote é implantado de forma independente; o contêiner obtém a versão mais recente sem ser recompilado.

A principal técnica em tempo de execução é o Module Federation: um recurso de compilação que permite a um aplicativo expor módulos e a outro consumi-los pela rede durante a execução, compartilhando dependências comuns. Você o usará nas próximas lições.

Use o tempo de compilação para equipes pequenas que desejam simplicidade e uma única implantação. Use o tempo de execução (Module Federation) quando a implantação independente e a autonomia da equipe forem prioridades e você aceitar a complexidade operacional adicional.

Verifique sua compreensão dos princípios dos microfrontends.

Você aprendeu os princípios dos microfrontends:

• Uma interface grande é dividida em recortes com propriedade e implantação independentes, compostos para o usuário.
• Autonomia da equipe: responsabilidade de ponta a ponta por um recorte vertical do negócio.
• Implantação independente: cada recorte é lançado de acordo com seu próprio cronograma.
• A diversidade tecnológica é opcional; a maioria das equipes padroniza suas tecnologias.
• A integração ocorre em tempo de compilação (simples, com lançamentos acoplados) ou em tempo de execução (Module Federation, com verdadeira independência).