Microfrontends: quando escolher WU Framework
Entenda o que são microfrontends ou microfronts, onde WU se encaixa e como dividir uma aplicação mantendo o controle dos dados, rotas e deploys.
O que são microfrontends ou microfronts
Os microfrontends dividem uma interface em aplicações com limites funcionais e ciclos de entrega próprios. Você também encontrará os termos micro-frontends, microfronts e MFE. Separar componentes em pastas não basta: cada aplicação precisa de um contrato de integração e de um responsável pela publicação.
WU Framework é um runtime JavaScript para compor essas aplicações. O shell decide onde elas aparecem; WU gerencia registro, carregamento, montagem e desmontagem. Cada app mantém a tecnologia com que constrói sua interface. O que é WU explica o contrato básico.
O pacote inclui adapters para React, Vue, Angular, Svelte, Preact, Solid, Lit, Vanilla, Alpine, Qwik, Stencil, HTMX e Stimulus. Consulte os contratos na referência de adapters.
Para outra tecnologia, registre mount e unmount com wu.define, ou crie um adapter com createWuAdapter. O contrato comum permite conectar aplicações com o mesmo framework ou com frameworks diferentes.
Uma loja com equipes independentes
Uma equipe pode manter o catálogo em React e outra o carrinho em Vue. O shell reserva um espaço para cada um. O catálogo publica a seleção e o carrinho a observa; nenhum precisa importar os componentes internos do outro. O contador compartilhado React e Vue permite testar essa troca com código para download.
Divida por capacidades como catálogo, pagamentos ou administração. Um botão compartilhado geralmente pertence a uma biblioteca de componentes. Transformá-lo em outro microfrontend acrescenta carregamento, montagem e coordenação sem necessariamente proporcionar autonomia útil.
Quando vale a pena avaliar WU
- Você precisa incorporar uma nova aplicação a uma interface existente por etapas, preservando sua tecnologia.
- Há equipes que publicam capacidades diferentes e conseguem manter contratos compatíveis.
- Você quer combinar renderers e conectar aplicações por estado, eventos ou serviços versionados.
Uma única equipe com entregas coordenadas pode trabalhar melhor com uma aplicação modular. Microfrontends acrescentam decisões sobre dependências, falhas de rede, observabilidade e compatibilidade. WU oferece mecanismos de composição; a equipe continua responsável por essas decisões.
O que decidir antes de produção
Defina quem controla a URL, quais dados cruzam cada fronteira e o que acontece se uma app não carregar. Compartilhar o contexto JavaScript não isola código hostil. Os grants de WU limitam o acesso à sua facade; consulte permissões e ciclo de vida e arquitetura do shell.
Um build independente também não cria sozinho um deploy independente. Publique assets e manifests compatíveis, preserve versões recuperáveis e verifique o shell a cada mudança. O guia de produção explica a saída do CLI.
Avalie WU com uma capacidade real
Comece pela primeira microapp com WU CLI, adicione uma segunda aplicação e teste desmontagem, comunicação e uma falha de carregamento. Para escolher a integração, consulte React e Angular; para escolher a arquitetura, consulte WU vs Module Federation e single-spa.