WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
JavaScript Congress • Nov 23, 2021

Micro-frontends anti-patterns

Luca Mezzalira

Are your micro-frontends actually a distributed monolith? Uncover the architectural anti-patterns that bloat technical debt, and learn how to enforce team autonomy without triggering dependency hell.

Pause
Mute Enter Fullscreen
#1 about 4 min

History and evolution of micro-frontends

The shift from early experiments at companies like Zalando to widespread industry adoption.

#2 about 4 min

Primary benefits of micro-frontend architectures

How independent deployments and decentralized decision-making accelerate delivery and empower engineering teams.

#3 about 5 min

Distinguishing between micro-frontends and ui components

Micro-frontends encapsulate entire business subdomains independently whereas components rely entirely on contextual property injection.

#4 about 3 min

Avoiding the multi-framework micro-frontend approach

Mixing UI frameworks inside a single page application should remain a temporary workaround for legacy migrations or acquisitions.

#5 about 4 min

Isolating legacy code with anti-corruption layers

Using sandboxing boundaries like iframes prevents dependency clashes when adopting modern micro-frontend orchestrators.

#6 about 5 min

Managing shared dependencies across isolated teams

Relying on extensive core libraries creates tight governance bottlenecks and cascades breaking changes across loosely coupled features.

#7 about 4 min

Implementing unidirectional data flows across boundaries

Bidirectional data sharing between application parts complicates debugging and encourages brittle integrations between modules.

#8 about 4 min

Preventing organizational coupling via global state

Sharing global state across disparate modules forces continuous cross-team synchronization during development and test automation pipelines.

#9 about 5 min

Optimizing backend calls to prevent self-ddos

Multiple independent frontends calling identical APIs forces redundant authorization checks and unnecessary backend scaling pressure.

#10 about 14 min

Answering questions on micro-frontend adoption and tooling

Strategies for monolithic code extraction, evaluating module federation versus SystemJS, and valid iframe use cases.

Matching moments

4:51 min

Differentiating domain-aware micro-frontends from UI components

Luca Mezzalira Luca Mezzalira · World Congress 2022

3:55 min

Introduction to micro frontends and architectural consequences

Manfred Steyer Manfred Steyer · World Congress 2021

1:26 min

Introduction to micro frontends and platform architecture

Florian Rappl · LIVE

1:31 min

Recapping frontend scaling patterns and distributed UI techniques

Josh Goldberg · World Congress 2021

2:13 min

Transitioning monolithic page structures to distributed front-end architectures

Luca Mezzalira Luca Mezzalira · World Congress 2024

4:28 min

Understanding the engineering benefits of micro-frontend architectures

Luca Mezzalira Luca Mezzalira · World Congress 2022

More from JavaScript Congress

The Eternal Sunshine of the Zero Build Pipeline thumbnail
50:10
almost 5 years ago

The Eternal Sunshine of the Zero Build Pipeline

Teini - an extremely small webshop leveraging awesome and free tech thumbnail
40:45
almost 5 years ago

Teini - an extremely small webshop leveraging awesome and free tech

Christian K

Native Web Apps: Are We There Yet? thumbnail
44:40
almost 5 years ago

Native Web Apps: Are We There Yet?

Maxim Salnikov

Modern Web Development with Nuxt3 thumbnail
41:43
almost 5 years ago

Modern Web Development with Nuxt3

Alexander Lichter

Making neural networks portable with ONNX thumbnail
54:49
almost 5 years ago

Making neural networks portable with ONNX

Ron Dagdag

JavaScript the Grumpy Parts thumbnail
46:08
almost 5 years ago

JavaScript the Grumpy Parts

Rob Richardson

Related videos

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

Micro-frontends anti-patterns

Luca Mezzalira

Microfrontends: Lessons Learned from Growing a Design System and Shared Libraries Across 20+ teams thumbnail
31:55
World Congress 2026 Europe • 3 months ago

Microfrontends: Lessons Learned from Growing a Design System and Shared Libraries Across 20+ teams

Erasmo Hernandez

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

Microfrontends at Scale

Josh Goldberg

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

Front-End Micro Apps

Serg Hospodarets

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

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

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

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.