Micro Frontends in Action

Libro de Manning en el que Michael Geers, creador del sitio de referencia micro-frontends.org, lleva las ideas de los microservicios al frontend. Propone dividir una aplicación web grande en piezas independientes, cada una con su propia interfaz, lógica y datos, que construyen y despliegan equipos distintos y que luego se combinan en una sola experiencia en el navegador. Está dirigido a desarrolladores web, arquitectos de software y líderes técnicos. Aunque arranca desde lo básico, se aprovecha mejor si ya conoces HTML, JavaScript, el desarrollo de SPAs y algo de servidores web.

El libro tiene tres partes. La primera presenta el concepto y las formas más simples de integración: enlaces entre páginas e iframes. La segunda, sobre rutas y composición, compara la composición en el servidor (Server Side Includes con Nginx, manejo de tiempos de espera y alternativas de respaldo, y la librería Podium) con la composición en el cliente mediante Web Components y Shadow DOM para aislar estilos. También cubre la comunicación entre fragmentos con eventos, el enrutado en el cliente plano y en dos niveles con single-spa, y el renderizado universal. La tercera parte trata la carga de recursos, el rendimiento, cómo compartir librerías comunes (con el DllPlugin de Webpack o con módulos ES y Rollup), los sistemas de diseño para mantener una apariencia coherente, la organización de equipos, la migración desde un monolito y el desarrollo local.

Todo se practica sobre una tienda en línea de ejemplo (un comercio de tractores) que se va ampliando con más de veinte ejemplos ejecutables con Node.js y publicados en GitHub. Su gran aporte es que no casa al lector con un framework: explica los compromisos de cada técnica para que pueda elegir según su contexto, y une la arquitectura técnica con la organización de equipos. No cubre Module Federation de Webpack 5, que se popularizó justo después de su publicación, y algunos ejemplos dependen de tener Nginx instalado. Interesa sobre todo a organizaciones con varios equipos trabajando en un mismo frontend; en proyectos pequeños, la complejidad añadida rara vez compensa.