# Microfrontends: cuándo elegir WU Framework

Entiende qué son los microfrontends o microfronts, dónde encaja WU y cómo dividir una aplicación sin perder control de sus datos, rutas y despliegues.

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

## Qué son los microfrontends o microfronts

Los **microfrontends** dividen una interfaz en aplicaciones con límites funcionales y ciclos de entrega propios. También encontrarás los términos **micro-frontends**, **microfronts** y **MFE**. Separar componentes en carpetas no basta: cada aplicación necesita un contrato de integración y un responsable de su publicación.

WU Framework es un runtime de JavaScript para componer esas aplicaciones. El shell decide dónde aparecen; WU gestiona su registro, carga, montaje y desmontaje. Cada app conserva la tecnología con la que construye su interfaz. [Qué es WU](/es/docs/framework/overview/) explica el contrato básico.

El paquete incluye adapters para **React, Vue, Angular, Svelte, Preact, Solid, Lit, Vanilla, Alpine, Qwik, Stencil, HTMX y Stimulus**. Consulta sus contratos en la [referencia de adapters](/es/docs/framework/api-adapters/).

Para otra tecnología, registra `mount` y `unmount` con `wu.define`, o construye un adapter con [`createWuAdapter`](/es/docs/framework/api-adapters/#createwuadapter). El contrato común permite conectar aplicaciones con el mismo framework o con frameworks diferentes.

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

## Una tienda con equipos independientes

Un equipo puede mantener el catálogo en React y otro el carrito en Vue. El shell reserva un espacio para cada uno. El catálogo publica la selección y el carrito la observa; ninguno necesita importar los componentes internos del otro. El [contador compartido React y Vue](/es/docs/guides/shared-counter/) permite probar ese intercambio con código descargable.

Divide por capacidades como catálogo, pagos o administración. Un botón compartido suele pertenecer a una biblioteca de componentes. Convertirlo en otro microfrontend añade carga, montaje y coordinación sin darle necesariamente autonomía útil.

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

## Cuándo WU merece una evaluación

- Necesitas incorporar una aplicación nueva a una interfaz existente por etapas, conservando su tecnología.
- Hay equipos que publican capacidades distintas y pueden mantener contratos compatibles.
- Quieres combinar renderers y comunicar aplicaciones mediante estado, eventos o servicios versionados.

Un solo equipo con entregas coordinadas puede trabajar mejor con una aplicación modular. Los microfrontends añaden decisiones sobre dependencias, errores de red, observabilidad y compatibilidad. WU ofrece mecanismos de composición; el equipo conserva esas decisiones.

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

## Qué debes decidir antes de producción

Define quién controla la URL, qué datos cruzan cada frontera y qué ocurre si una app no carga. Compartir el contexto JavaScript no aísla código hostil. Los grants de WU acotan el acceso a su facade; revisa [permisos y ciclo de vida](/es/docs/framework/api-core/) y [arquitectura del shell](/es/docs/guides/architecture/).

Un build independiente tampoco crea por sí solo un despliegue independiente. Publica assets y manifests compatibles, conserva versiones recuperables y comprueba el shell contra cada cambio. La [guía de producción](/es/docs/guides/production/) explica la salida del CLI.

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

## Evalúa WU con una capacidad real

Empieza por la [primera microapp con WU CLI](/es/docs/guides/quickstart/), añade una segunda aplicación y prueba desmontaje, comunicación y un fallo de carga. Para elegir la integración consulta [React y Angular](/es/docs/guides/react-angular-microfrontends/); para elegir la arquitectura consulta [WU frente a Module Federation y single-spa](/es/docs/guides/module-federation-alternative/).