> Markdown version of [/events/world-congress-2024/sessions/104-native-federation](https://www.wearedevelopers.com/events/world-congress-2024/sessions/104-native-federation). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

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


- **Date:** Thursday, Jul 18, 2024
- **Time:** 12:50–13:20 (30 min)
- **Room:** STAGE 5 (500)
- **Event:** World Congress 2024

## Recording

[Watch recording](https://www.wearedevelopers.com/videos/1018-native-federation-the-future-of-micro-frontends-and-plugin-systems-in-angular)

## Description

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.


## Speaker

### [Manfred Steyer](https://www.wearedevelopers.com/@manfred-steyer)

Consultant and Trainer for Angular


## Related talks at this congress

- [Building Tomorrow's Web: Micro Frontend with Module Federation 2.0](https://www.wearedevelopers.com/events/world-congress-2024/sessions/41-building-tomorrow-s) — Mahendra Hirapra, Manas, Rohit Ranjan
- [Write once, use anywhere: Framework agnostic Design Systems with Web Components](https://www.wearedevelopers.com/events/world-congress-2024/sessions/354-write-once-use) — Sascha Lehmann
- [ Micro-Frontends Discovery](https://www.wearedevelopers.com/events/world-congress-2024/sessions/343-micro-frontends) — Luca Mezzalira
- [Beyond Warp Speed: Crafting the Future of Web Development with Astro 4.10](https://www.wearedevelopers.com/events/world-congress-2024/sessions/124-beyond-warp-speed) — Francesco Napoletano