Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular

Webpack Module Federation has undeniably revolutionized the implementation of Micro Frontend. However, the Angular CLI is currently moving away from webpack in favor of a new and remarkably swift esbuild integration.

This prompts the crucial question: How can we decouple Module Federation’s proven mental model from webpack and adapt it for esbuild or any prospective bunder to stay future-proof?

This session provides a solution that was developed in cooperation with the Angular Team: Native Federation - a tooling-agnostic implementation of Module Federation ensuring long-term sustainability by consequently using web standards like EcmaScript Module and Import Maps.

We delve into its seamless Angular CLI integration and discuss how to use it for providing and loading Micro Frontends. We explore library sharing and combining it with web components, SSR and Hydration.

In the end, you know when and how to use Native Federation for your modern Micro Frontend Architectures.