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.
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 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.
Para otra tecnología, registra mount y unmount con wu.define, o construye un adapter con createWuAdapter. El contrato común permite conectar aplicaciones con el mismo framework o con frameworks diferentes.
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 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.
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.
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 y arquitectura del shell.
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 explica la salida del CLI.
Evalúa WU con una capacidad real
Empieza por la primera microapp con WU CLI, 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; para elegir la arquitectura consulta WU frente a Module Federation y single-spa.