# 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.

<span id="qué-son-los-microfrontends-o-microfronts"></span>

<span class="section-anchor" id="section-1"></span>

## 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](/pt/docs/framework/overview/) 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](/pt/docs/framework/api-adapters/).

Para outra tecnologia, registre `mount` e `unmount` com `wu.define`, ou crie um adapter com [`createWuAdapter`](/pt/docs/framework/api-adapters/#createwuadapter). O contrato comum permite conectar aplicações com o mesmo framework ou com frameworks diferentes.

<span id="una-tienda-con-equipos-independientes"></span>

<span class="section-anchor" id="section-2"></span>

## 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](/pt/docs/guides/shared-counter/) 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.

<span id="cuándo-wu-merece-una-evaluación"></span>

<span class="section-anchor" id="section-3"></span>

## 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.

<span id="qué-debes-decidir-antes-de-producción"></span>

<span class="section-anchor" id="section-4"></span>

## 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](/pt/docs/framework/api-core/) e [arquitetura do shell](/pt/docs/guides/architecture/).

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](/pt/docs/guides/production/) explica a saída do CLI.

<span id="evalúa-wu-con-una-capacidad-real"></span>

<span class="section-anchor" id="section-5"></span>

## Avalie WU com uma capacidade real

Comece pela [primeira microapp com WU CLI](/pt/docs/guides/quickstart/), adicione uma segunda aplicação e teste desmontagem, comunicação e uma falha de carregamento. Para escolher a integração, consulte [React e Angular](/pt/docs/guides/react-angular-microfrontends/); para escolher a arquitetura, consulte [WU vs Module Federation e single-spa](/pt/docs/guides/module-federation-alternative/).