Master
Técnicas

Import maps para micro frontends

Published: Apr 13, 2021
Apr 2021
Avalie?

Ao compor uma aplicação a partir de vários micro frontends, alguma parte do sistema precisa decidir quais micro frontends carregar e de onde carregá-los. Até o momento, nós criávamos soluções customizadas ou usávamos um framework mais abrangente, como o single-spa. Agora, existe um novo padrão, import maps, que ajuda em ambos os casos. Nossas primeiras experiências mostram que import maps para micro frontends permite uma separação organizada de responsabilidades. O código JavaScript indica o que importar e uma pequena tag de script na resposta HTML inicial especifica de onde carregar os frontends. Esse HTML é obviamente gerado no lado do servidor, o que torna possível usar alguma configuração dinâmica durante sua renderização. De muitas maneiras, essa técnica nos lembra dos caminhos de vinculadores/carregadores para bibliotecas Unix dinâmicas. No momento, import maps são compatíveis apenas com o Chrome, mas com o polyfill SystemJS, eles podem ser usados de forma mais ampla.