Microfrontend
Un microfrontend es una parte de una aplicación web que se construye y despliega de forma independiente, pertenece a un equipo y se compone con otras en tiempo de ejecución.
Una arquitectura de microfrontends divide un producto web en varios frontends más pequeños. Cada uno cubre un área de negocio, como pagos o reportes, y tiene su propio código, su propio build y su propio ciclo de releases. Una aplicación host liviana los carga en el navegador y hace que se sientan como un solo producto: un espacio de URLs, un login, una misma apariencia.
La idea viene de los microservicios. El objetivo es la autonomía de los equipos. Un equipo puede publicar su parte sin esperar un release compartido y sin volver a probar toda la aplicación.
Ejemplo
Un portal de seguros tiene tres equipos: pólizas, siniestros y facturación. Cada equipo publica su frontend en su propia URL. El host es dueño del encabezado, la navegación y la sesión. Cuando el usuario abre /siniestros, el host descarga ese frontend en tiempo de ejecución y lo muestra dentro del layout. El equipo de siniestros puede desplegar un martes por la tarde y nadie más tiene que recompilar nada.
Las técnicas de composición más comunes son Module Federation, Native Federation, single-spa y web components. La página de microfrontends muestra cómo encajan en una plataforma.
Confusión frecuente
Los microfrontends se suelen presentar como una técnica de rendimiento o de calidad de código. Son una herramienta organizacional y traen costos reales: versiones de dependencias compartidas que hay que gestionar, un sistema de diseño que mantener consistente, más pipelines y más formas de fallar en tiempo de ejecución. Un solo equipo con una aplicación mediana suele obtener mejores resultados con un monolito bien estructurado y lazy loading. La división se justifica cuando varios equipos se bloquean entre sí con sus releases. La guía Reescribir, híbrido o microfrontends explica cuándo vale la pena.
Por qué importa. En una migración, el límite de un microfrontend permite que una aplicación nueva conviva con la legacy y la reemplace ruta por ruta. En una plataforma, es la unidad de propiedad y de despliegue.
Términos relacionados
¿Planeas una migración o una plataforma de microfrontends?
En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.
Escríbeme por LinkedIn