WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Mar 25, 2021

Front-End Micro Apps

Serg Hospodarets

Is your frontend monolith causing deployment bottlenecks? Discover how Webpack 5 Module Federation lets your team inject autonomous, framework-agnostic micro apps without breaking the shared user experience.

Pause
Mute Enter Fullscreen
#1 about 7 min

Scaling team structures alongside product complexity

Scaling monolithic codebases slows developer onboarding, necessitating independent parallel teams to restore overall feature delivery velocity.

#2 about 4 min

Evolving architectures from backend microservices to micro frontends

Standardizing decoupled deployment strategies at the backend layer eventually requires integrating unified modular boundaries across frontend interfaces.

#3 about 4 min

Enabling framework-agnostic modularity with Webpack module federation

Webpack module federation safely leverages standard ECMAScript dynamic imports to seamlessly stitch separate remote framework builds together at runtime.

#4 about 4 min

Integrating remote entry points in frontend shell applications

Connecting a highly isolated image component directly to a standalone environment demonstrates how live external views render seamlessly.

#5 about 3 min

Distinguishing micro applications for targeted separation of concerns

Isolating transactional flows into micro applications ensures functional domains iterate iteratively without breaking unrelated global layout assets.

#6 about 4 min

Sharing core dependencies for performance and team autonomy

Propagating shared libraries downward from application hosts enhances baseline rendering speed while simultaneously preserving independent engineering agility.

#7 about 3 min

Combining disparate application interfaces into unified shell portfolios

Routing massively sprawling web properties through one unified container intelligently coordinates disparate feature teams directly under a singular domain.

#8 about 3 min

Standardizing platform deployments and strict dependency versioning

Empowering cross-functional platform guilds to actively mandate foundational dependency rules prevents destructive overlapping collisions before isolated builds ship.

#9 about 3 min

Configuring cross-origin security and limiting third-party script access

Restricting remote bundles from indiscriminately navigating parent object models defends overarching architecture layouts from severe downstream vulnerabilities.

#10 about 3 min

Implementing error boundaries and routing centralized shell notifications

Wrapping imported application components manually inside isolated system barriers ensures internal execution crashes cannot abruptly terminate the centralized user experience.

#11 about 4 min

Evaluating technical trade-offs between standard components and micro applications

Verifying asynchronous business delivery patterns determines whether sprawling decentralized execution frameworks are justifiable over simplified standard component trees.

Matching moments

3:55 min

Introduction to micro frontends and architectural consequences

Manfred Steyer Manfred Steyer · WWC 2021

2:07 min

Introduction to micro frontend architecture

Trishul Goel · JS Congress

9:16 min

Implementing micro frontends with webpack module federation

Manfred Steyer Manfred Steyer · WWC 2021

6:44 min

Micro frontends and Webpack module federation challenges

Manfred Steyer Manfred Steyer · WWC 2024

4:38 min

Overcoming team scaling challenges with module federation

Manfred Steyer Manfred Steyer · JS Congress

2:30 min

Implementing application frontends with modular service architectures

Torben Schramme · WWC 2021

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

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

Paweł Matynia, Bartosz Leczycki

Paweł Matynia
Bartosz Leczycki
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

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
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

Merging at Scale: From Broken Builds to Green Mainline

Preetam Dwivedi, Manjari Akella

Preetam Dwivedi
Manjari Akella

Related videos

Destructuring Frontend monoliths with MicroFrontends thumbnail
41:49
JS Congress • over 4 years ago

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

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

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

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

Microfrontends at Scale

Josh Goldberg

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

Micro-frontends anti-patterns thumbnail
47:05
JS Congress • 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.