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

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

Manfred Steyer

True frontend autonomy requires mastering the chaos of conflicting frameworks. Discover how combining Module Federation with Web Components resolves multi-version mismatches without sacrificing developer velocity.

Pause
Mute Enter Fullscreen
#1 about 2 min

Splitting large monolithic frontends for team autonomy

Micro frontends preserve the agility of small teams by allowing independent development and deployment.

#2 about 2 min

Integrating independent applications using runtime module federation

Module federation allows a shell application to load unknown remote applications mapping URLs at runtime.

#3 about 2 min

Supporting framework-independent builds with rspack and native federation

Module federation has been ported to rspack and native esbuild to support framework independence and dependency sharing.

#4 about 5 min

Managing framework churn and version mismatches across independent teams

Incremental migrations and separate minor versions can introduce application crashes due to internal private API mismatching.

#5 about 5 min

Abstracting framework implementations behind native web components

Wrapping single-page applications inside native web components standardizes their bootstrapping and teardown processes within the shell.

#6 about 2 min

Combining web components with runtime module federation

Creating coarse-grained components loaded dynamically via federation balances shared standard libraries with isolated version dependencies.

#7 about 4 min

Demonstrating multi-version routing and application state conflicts

A sample dashboard reveals challenges in runtime isolation, particularly restricting global routers to specific URL segments.

#8 about 3 min

Evaluating architectural alternatives to multi-framework micro frontends

Trading team autonomy for stability can be achieved by utilizing monorepos, monoliths with strict linting boundaries, or iframes.

#9 about 2 min

Sustaining micro frontend infrastructure with dedicated platform teams

Complex micro frontend architectures necessitate small centralized platform teams that provide guidelines, helpers, and integration workarounds.

#10 about 2 min

Summary of web components and module federation capabilities

Combining standard web components with module federation provides a robust mechanism for integrating diverse technological stacks.

Matching moments

6:44 min

Micro frontends and Webpack module federation challenges

Manfred Steyer Manfred Steyer · World Congress 2024

13:09 min

Answering questions on micro-frontend adoption and tooling

Luca Mezzalira Luca Mezzalira · JS Congress

4:38 min

Overcoming team scaling challenges with module federation

Manfred Steyer Manfred Steyer · JS Congress

2:13 min

Transitioning monolithic page structures to distributed front-end architectures

Luca Mezzalira Luca Mezzalira · World Congress 2024

2:07 min

Introduction to micro frontend architecture

Trishul Goel · JS Congress

3:55 min

Introduction to micro frontends and architectural consequences

Manfred Steyer Manfred Steyer · World Congress 2021

More from World Congress 2025

GenAI Security: Navigating the Unseen Iceberg thumbnail
24:33
11 months ago

GenAI Security: Navigating the Unseen Iceberg

Maish Saidel-Keesing

Behind the Code: How Women Are Powering the Future of AI thumbnail
30:28
about 1 year ago

Behind the Code: How Women Are Powering the Future of AI

Alexandra Wudel, Laura Moritz, Madalina Florean

The AI Hype Filter: What’s Real, What’s Investable, What’s Noise? thumbnail
28:12
about 1 year ago

The AI Hype Filter: What’s Real, What’s Investable, What’s Noise?

Justus Lumpe, Konstantin Vinogradov, Nils Eiteneyer, Stephan Wirris

AI in Leadership: How Technology is Reshaping Executive Roles thumbnail
28:19
about 1 year ago

AI in Leadership: How Technology is Reshaping Executive Roles

Bernd Datler, Jasmin Kaiser, Jeff Hausmann, Sonja Alvarez

The AI-Ready Stack: Rethinking the Engineering Org of the Future thumbnail
28:09
about 1 year ago

The AI-Ready Stack: Rethinking the Engineering Org of the Future

Alex Laubscher, Jan Oberhauser, Keno Dreßel, Mirko Novakovic

AI Sovereignty: What Does It Take? thumbnail
29:13
about 1 year ago

AI Sovereignty: What Does It Take?

Boris Hecker, Clemens Wasner, Robin Hermann, Sonja Alvarez

Related videos

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

Micro-Frontends with Module Federation: Beyond the Basics

Manfred Steyer

Micro Frontends with Module Federation: Why and How? thumbnail
45:40
World Congress 2021 • about 5 years ago

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

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

Front-End Micro Apps

Serg Hospodarets

Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular thumbnail
29:36
World Congress 2024 • about 2 years ago

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

Manfred Steyer

Destructuring Frontend monoliths with MicroFrontends thumbnail
41:49
JS Congress • almost 5 years ago

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

Micro-frontends anti-patterns thumbnail
40:17
World Congress 2022 • over 4 years ago

Micro-frontends anti-patterns

Luca Mezzalira

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.