WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2024 • Aug 20, 2024 • Session details

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

Manfred Steyer

Are Webpack bottlenecks holding back your Angular micro frontends? Discover how Native Federation leverages web standards to seamlessly scale across modern, lightning-fast bundlers like esbuild and Vite.

Pause
Mute Enter Fullscreen
#1 about 7 min

Micro frontends and Webpack module federation challenges

Runtime integration of micro frontends traditionally relies on Webpack module federation despite emerging bundler alternatives.

#2 about 5 min

Introducing Native Federation for framework-agnostic builds

Wrapping custom bundlers with web standards like ECMAScript modules decouples builds from Webpack.

#3 about 8 min

Configuring Native Federation in Angular projects

Modifying auto-generated federation configurations allows developers to expose application modules and share dependencies securely.

#4 about 6 min

Integrating multiple frameworks with the Frankenstein architecture

Encapsulating differing frontend frameworks and versions into web components enables concurrent runtime execution.

#5 about 3 min

Optimizing application performance using island architectures

Loading non-critical micro frontends only when they scroll into view significantly improves initial application performance.

#6 about 3 min

Balancing architectural complexity and performance needs

Balancing performance requirements with architectural complexity helps teams decide when server-side rendering is genuinely necessary.

#7 about 1 min

Summary and additional developer resources for federation

A review of native federation benefits accompanies a link to an extensive ebook on scalable architecture.

Matching moments

9:16 min

Implementing micro frontends with webpack module federation

Manfred Steyer Manfred Steyer · WWC 2021

3:39 min

Enabling framework-agnostic modularity with Webpack module federation

Serg Hospodarets · LIVE

13:09 min

Answering questions on micro-frontend adoption and tooling

Luca Mezzalira Luca Mezzalira · JS Congress

2:39 min

Addressing developer questions on framework capabilities and architectural alternatives

Christian Liebel Christian Liebel · WWC 2022

2:26 min

Summarizing module federation patterns and architectural choices

Manfred Steyer Manfred Steyer · JS Congress

2:09 min

Core concepts and architecture of the NativeScript framework

Rowdy Rabouw Rowdy Rabouw · LIVE

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail
24:07
10 months ago

Beyond the Hype: Real-World AI Strategies Panel

Mike Butcher, Jürgen Müller, Katrin Lehmann, Tobias Regenfuss

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation thumbnail
21:17
almost 2 years ago

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation

Carl Lapierre

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI! thumbnail
31:50
almost 2 years ago

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI!

Zaid Zaim

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging thumbnail
29:43
almost 2 years ago

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging

Sue Quackenbush

Dapr in Practice thumbnail
24:08
almost 2 years ago

Dapr in Practice

marcklefter

Minimising the Carbon Footprint of Workloads thumbnail
27:46
almost 2 years ago

Minimising the Carbon Footprint of Workloads

Michael Mueller

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

From Cloud Native to Multi-Cloud Native: Write Once, Deploy Anywhere

Sandeep Pal

Principal Member of Technical Staff at Salesforce

Sandeep Pal
Open session

World Congress 2026 North America

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Bartosz Leczycki, Paweł Matynia

Bartosz Leczycki
Paweł Matynia
Open session

World Congress 2026 North America

MicroAgents: The Microservices of the Agentic Era

Ashish Shubham

Runs the show bussiness at ThoughtSpot

Ashish Shubham

Related videos

Micro Frontends with Module Federation: Why and How? thumbnail
45:40
WWC 2021 • almost 5 years ago

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

Micro-Frontends with Module Federation: Beyond the Basics thumbnail
44:35
JS Congress • over 4 years ago

Micro-Frontends with Module Federation: Beyond the Basics

Manfred Steyer

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios thumbnail
24:47
WWC 2025 • 12 months ago

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios

Manfred Steyer

Front-End Micro Apps thumbnail
35:17
LIVE • over 5 years ago

Front-End Micro Apps

Serg Hospodarets

Multiple Ships to the Island - Micro Frontends & Island Architectures thumbnail
59:03
LIVE • over 2 years ago

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

The Dependency Cookbook - Recipes for Micro Frontend success thumbnail
21:06
WWC 2025 • 12 months ago

The Dependency Cookbook - Recipes for Micro Frontend success

Lucas Braeschke, Stefan Bley

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.