WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

Micro-frontends anti-patterns

Luca Mezzalira

Luca Mezzalira warns that micro-frontends aren't a silver bullet. Discover the crippling architectural anti-patterns destroying your independent deployments, from global state coupling to broken domain boundaries.

Pause
Mute Enter Fullscreen
#1 about 5 min

Understanding the engineering benefits of micro-frontend architectures

How incremental upgrades, decentralization, and reduced cognitive load empower scalable engineering teams.

#2 about 5 min

Differentiating domain-aware micro-frontends from UI components

Why micro-frontends must own their business domain rather than exposing large APIs like traditional reusable components.

#3 about 2 min

The architectural risk of a multi-framework integration approach

Why employing multiple user interface libraries should be reserved for legacy migrations rather than treated as a default architectural goal.

#4 about 5 min

Shielding legacy code with anti-corruption integration layers

Wrapping legacy interface inputs into an isolated layer protects the broader application shell from complex technical debt and tight integration coupling.

#5 about 5 min

Managing external dependency versioning and breaking code changes

Choosing composition over inheritance bypasses the operational risks and breaking API changes created by broadly sharing single core libraries.

#6 about 4 min

Avoiding tight coupling through strict unidirectional data flows

Implementing strictly unidirectional flows prevents the brittle testing conditions and unexpected regressions caused by bidirectional information sharing between host and remote.

#7 about 3 min

Preventing design-time coupling with decentralized global state execution

Replacing centralized global state execution with asynchronous publisher-subscriber patterns maintains the independent deployment stability of neighboring remotes.

#8 about 4 min

Mitigating redundant backend API calls across overlapping micro-frontends

Resolving redundant scaling bottlenecks when overlapping micro-frontend domains accidentally bombard backend microservices with identical data requests.

#9 about 4 min

Balancing architectural tradeoffs and long-term decision tracking documentation

Why logging engineering considerations into architectural decision records aligns long-term strategy while acknowledging immediate systemic tradeoffs.

#10 about 8 min

Evaluating inter-app communication mechanisms and monorepo structural limits

Providing structured approaches for routing ephemeral user session tokens, debating monorepo boundaries, and identifying when generic modularity solves architectural problems instead of micro-frontends.

Matching moments

3:55 min

Introduction to micro frontends and architectural consequences

Manfred Steyer Manfred Steyer · World Congress 2021

2:36 min

Applying microfrontend patterns and data duplication bounds

David Leitner · World Congress 2022

2:25 min

Evaluating architectural alternatives to multi-framework micro frontends

Manfred Steyer Manfred Steyer · World Congress 2025

3:07 min

Combining micro frontends and the modular monolith pattern

Florian Rappl · World Congress 2022

2:23 min

Advantages of adopting micro frontend architectural patterns

Erasmo Hernandez Erasmo Hernandez · World Congress 2026 Europe

1:31 min

Recapping frontend scaling patterns and distributed UI techniques

Josh Goldberg · World Congress 2021

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
about 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
over 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
over 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
over 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
over 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
over 4 years ago

Keep your code refactorable

Gerrit Stapper

Related videos

Micro-frontends anti-patterns thumbnail
47:05
JS Congress • almost 5 years ago

Micro-frontends anti-patterns

Luca Mezzalira

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

Microfrontends at Scale

Josh Goldberg

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

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

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

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.