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

Web-Fragments: incremental micro-frontends migration approach for enterprise

Igor Minar , Natalia Venditto

Traditional micro-frontends lack true runtime isolation. Discover how Web-Fragments bring actual virtualization to the frontend, preventing one broken dependency from crashing your entire enterprise application.

Pause
Mute Enter Fullscreen
#1 about 2 min

Overcoming modernization challenges in aging monolithic codebases

Modernizing legacy applications requires strategies that decouple massive dependencies without forcing an unfeasible codebase rewrite.

#2 about 2 min

Applying backend microservice and virtualization patterns to frontends

Backend infrastructure solved scaling constraints by decoupling monoliths into microservices and isolating software dependencies via containerization.

#3 about 1 min

Solving frontend monolithic constraints using web fragments virtualization

Web fragments provide a unique micro-frontend architecture combined with critical environment encapsulation and browser-level isolation.

#4 about 2 min

Extracting and recomposing monolithic application parts independently

Legacy application scaling is achieved by decoupling independent features into standalone components that can be recomposed.

#5 about 3 min

Preventing application-wide fate sharing through developer environment isolation

Encapsulating module execution boundaries prevents isolated engineering errors from fundamentally crashing the shared global user experience.

#6 about 4 min

Modernizing legacy client-rendered components with server-side frameworks

Migrating heavy client-side React domains to server-side frameworks like Next.js and Qwik substantially improves initial page loading speed.

#7 about 2 min

Implementing routing middleware for seamless multi-fragment origination

Server-side middleware dynamically pipes distinct module requests back to independent origins without altering the expected end-user URL pathing.

#8 about 4 min

Isolating cascading styles and scripts using browser virtualization

Combining native shadow roots with reframed hidden iframes ensures complete script isolation while retaining full single-document interactivity.

#9 about 2 min

Prioritizing primary content rendering via server-rendered gateways

The web fragments gateway pattern selectively streams high-priority server-rendered data structures ahead of sluggish legacy legacy layouts.

#10 about 3 min

Debugging isolated contexts and managing dynamic browser memory

Developers can target virtualized javascript contexts within standard devtools and automatically garbage-collect unused dependencies by unloading modules.

#11 about 3 min

Escaping standard constraints of legacy iframe boundaries

Virtualized fragments break interface limitations by properly rendering dynamic full-screen modals outside the traditional framing area.

#12 about 2 min

Benchmarking performance overhead for isolated web components

Dropping stress-test tools inside web fragments proves that advanced browser boundary virtualization generates effectively zero runtime performance drag.

#13 about 3 min

Balancing shared platform resources with strict module encapsulation

Web fragments retain cooperative API mechanics like history navigation and caching while strongly isolating internal component states.

#14 about 2 min

Comparing virtualization with module federation and static iframes

Alternative workflows like module federation couple systems tightly to bundler limitations without addressing inherent javascript execution bleeding issues.

#15 about 4 min

Exploring the active roadmap and future web standard integrations

Future open-source features target comprehensive client dependency sharing alongside progressive integration with proposed W3C shadow domain standards.

Matching moments

1:43 min

Incremental frontend modernization avoiding full rewrites

Alexander Günsche Alexander Günsche · LIVE

2:07 min

Introduction to micro frontend architecture

Trishul Goel · JS Congress

13:09 min

Answering questions on micro-frontend adoption and tooling

Luca Mezzalira Luca Mezzalira · JS Congress

3:31 min

The reality of single-page applications versus legacy monoliths

Alexander Lichter · LIVE

2:13 min

Transitioning monolithic page structures to distributed front-end architectures

Luca Mezzalira Luca Mezzalira · World Congress 2024

5:01 min

Layering frontend frameworks using progressive decoupling strategies

Shedrack Akintayo · LIVE

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

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios thumbnail
24:47
World Congress 2025 • about 1 year ago

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

Manfred Steyer

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

Microfrontends at Scale thumbnail
43:20
World Congress 2021 • about 5 years ago

Microfrontends at Scale

Josh Goldberg

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
47:05
JS Congress • almost 5 years ago

Micro-frontends anti-patterns

Luca Mezzalira

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

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.