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 · World Congress 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 · World Congress 2021

6:44 min

Micro frontends and Webpack module federation challenges

Manfred Steyer Manfred Steyer · World Congress 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 · World Congress 2021

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
5 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
7 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
12 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
14 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
19 days ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers - Of Agents and Robots thumbnail
1:04:42
19 days ago

WeAreDevelopers - Of Agents and Robots

Chris Heilmann, Daniel Cranney, Marc Plogas

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 25, 2026 · 10:20–10:50

Outdoor Stage

MicroAgents: The Microservices of the Agentic Era

Ashish Shubham

Runs the show bussiness at ThoughtSpot

Ashish Shubham
Open session

World Congress 2026 North America

September 24, 2026 · 14:10–14:40

Stage 9

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

September 25, 2026 · 11:00–11:30

Stage 2

Build Fast, Deploy Faster: Cross Platform AI development in 2026

Charlie Cheever

CEO & Co-Founder of Expo

Charlie Cheever
Open session

World Congress 2026 North America

September 25, 2026 · 09:40–10:10

Stage 3

Still on 4.8 or lower? A Practical Guide to Moving Your "Un-Migratable" .NET Apps

Isaac Levin

Developer Advocate

Isaac Levin
Open session

World Congress 2026 North America

September 24, 2026 · 12:50–13:20

Stage 7

Architecting Agentic Apps: WebMCP, A2UI, and Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

September 24, 2026 · 17:30–18:00

Stage 7

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić

Related videos

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

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

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

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

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

Microfrontends at Scale

Josh Goldberg

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

Micro-frontends anti-patterns

Luca Mezzalira

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.