Micro-Frontends - Stop Building a Distributed Monolith! Scale with Conway's Law

Learn to build scalable micro-frontend architectures that avoid the distributed monolith antipattern in this 49-minute conference talk by AWS Principal Specialist Luca Mezzalira. Discover the fundamental difference between components and micro-frontends, understand why reusability creates coupling, and explore how Conway's Law should guide your architectural decisions. Master the Micro-Frontends Decisions Framework covering identification, composition, routing, and communication patterns that over 100 teams have successfully implemented. Examine best practices for client-side versus server-side composition, learn why shared global state should be avoided in favor of event emitters, and understand when iframes provide the safest solution for context isolation. Explore platform team responsibilities including automated performance budgets, discover the open-source Frontend Discovery Service pattern for enabling true independent deployment and canary releases, and understand how to avoid the micro-frontends anarchy antipattern. Gain insights into organizational benefits including incremental upgrades and decentralization, learn why duplication is often cheaper than wrong abstractions, and understand value-stream team responsibilities in a "you build it, you own it, you run it" model.

Syllabus

0:00 - Introduction & The Challenge: Scaling from Monolith to a Global System
1:51 - Are You Designing Architecture or Assembling Libraries?
3:55 - The Official Micro-Frontends Definition Explained Business Subdomain & Independent Implementation
6:25 - Micro-Frontend vs. Component The Key Difference
9:40 - Heuristics: Why Reusability is a Form of Coupling
12:15 - Fast Flow vs. Reusability: Why Your Goal is Fast Flow
15:10 - Organizational Benefits: Incremental Upgrades & Decentralization
17:01 - Conway’s Law & Aligning Architecture with Team Topologies
20:05 - The Micro-Frontends Decisions Framework Identify, Compose, Route, Communicate
23:55 - Client-Side vs. Server-Side Composition Best Practices
27:01 - Why You Shouldn't Use Shared Global State Use Event Emitters Instead
30:30 - Application Shell Responsibilities & Guardrails
32:45 - The Context Problem: When an Iframe is the Right Safe Answer
37:40 - Platform Team Responsibilities: Automating Performance Budgets
40:44 - The Power of Independent and Incremental Deployment
42:40 - Introducing the Frontend Discovery Service Canary & Blue/Green for Frontend
46:05 - Micro-Frontends Anarchy Antipattern: The Problem with Tech Anarchy
47:30 - The Hard Truth: Duplication is Cheaper than the Wrong Abstraction
50:20 - Value-Stream Team Responsibilities: You Build It, You Own It, You Run It