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 · WWC 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 · WWC 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 · WWC 2021

Upcoming sessions on this topic

Open session

World Congress 2026 North America

MicroAgents: The Microservices of the Agentic Era

Ashish Shubham

Runs the show bussiness at ThoughtSpot

Ashish Shubham
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

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

Merging at Scale: From Broken Builds to Green Mainline

Manjari Akella, Preetam Dwivedi

Manjari Akella
Preetam Dwivedi
Open session

World Congress 2026 North America

It’s Alive! Taming the MLOps Franken-Stack: Write, Run, and Serve with Michelangelo

Paul Zimmerman, Eric Wang

Paul Zimmerman
Eric Wang