Master
Técnicas

Importmaps para micro frontends

Published: Apr 13, 2021
Apr 2021
Evaluar?

Cuando se compone una aplicación con varios micro frontends, algunas partes del sistema necesitan decidir qué micro frontend cargar y de dónde hacerlo. Hasta ahora, o bien construíamos una solución a medida, o bien dependíamos de un marco de trabajo más amplio como single-spa. Ahora existe un nuevo estándar denominado import-maps que ayuda en ambos casos. Nuestras primeras experiencias muestran que usar importmaps para micro frontends permite conseguir una separación limpia de responsabilidades. El código JavaScript indica qué importar y una etiqueta script al inicio de la respuesta HTML inicial especifica de dónde hay que importar el front-end. Ese HTML está generado obviamente en el lado servidor, lo que hace posible usar alguna configuración dinámica durante la renderización. En muchos casos esta técnica nos recuerda a las rutas del enlazador/cargador (linker/loader) para bibliotecas dinámicas Unix. Por ahora los importmaps solo están soportados por Chrome, pero con el polyfill SystemJS están listos para un uso más amplio.