World Congress 2022 • Jun 15, 2022

Stairway to Heaven - Scaling Frontends the Right Way

Florian Rappl

Micro-frontends often introduce punishing overhead for growing teams. Discover how a frontend modulith with strict boundary tooling guarantees scalable autonomy without compounding your technical debt.

Pause

Mute

Enter Fullscreen

#1 about 5 min

Evaluating frontend trends and the Tamagotchi analogy

Understanding when to adopt trends like micro frontends based on actual project requirements.

#2 about 3 min

Scaling development teams with micro frontend architecture

How subdividing huge user interfaces grants individual teams maximum technical freedom.

#3 about 3 min

Analyzing the disadvantages of micro frontend implementation

Why independent deployments create overhead through heavy bundle sizes and fatal version mismatches.

#4 about 4 min

Introducing the frontend modolith and monorepo structure

Using a modular monolith approach in a single repository to sidestep version conflicts.

#5 about 3 min

Managing enterprise monorepos using Nx tooling features

Visualizing dependency graphs with Nx to detect structural problems and excessive coupling.

#6 about 3 min

Enforcing decoupled domain boundaries using code linting

Restricting cross-domain access through predefined repository categories and global linting rules.

#7 about 4 min

Demonstrating workspace architecture and public API exports

Navigating a generated dependency graph and analyzing public library exports versus private implementations.

#8 about 3 min

Triggering linting errors for domain boundary violations

Automating architectural validation within continuous integration pipelines by executing linting checks from the command line.

#9 about 2 min

Improving compilation speeds with incremental build caching

Leveraging Nx build caches to only recompile and test modified application slices.

#10 about 5 min

Organizing scalable monorepo libraries by functional category

Structuring codebase layers into distinct feature, presentation, domain, and utility categories.

#11 about 4 min

Combining micro frontends and the modular monolith pattern

Isolating deployable micro frontends within a single structured repository to maximize architectural benefits.

#12 about 8 min

Answering community questions on monorepo package management

Establishing strict processes to synchronize major framework updates and prevent deployment regressions.

Matching moments

4:50 min

Addressing backend architectures and code repository structures

Jochen Supper +1 · World Congress 2022

2:00 min

Understanding the frontend monolith problem

Trishul Goel · JS Congress

4:28 min

Understanding the engineering benefits of micro-frontend architectures

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:31 min

Recapping frontend scaling patterns and distributed UI techniques

Josh Goldberg · World Congress 2021

2:25 min

Evaluating architectural alternatives to multi-framework micro frontends

Manfred Steyer

Manfred Steyer · World Congress 2025

More from World Congress 2022

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

about 4 years ago

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

André Kovac

The Design and Evolution of C++ thumbnail

over 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail

over 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail

over 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail

over 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail

over 4 years ago

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

World Congress 2026 North America

September 24, 2026 · 13:30–14:00

Stage 4

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Bartosz Leczycki, Paweł Matynia

Bartosz Leczycki

Paweł Matynia

World Congress 2026 North America

September 25, 2026 · 13:30–14:00

Stage 7

It’s Alive! Taming the MLOps Franken-Stack: Write, Run, and Serve with Michelangelo

Eric Wang, Paul Zimmerman

Eric Wang

Paul Zimmerman

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

World Congress 2026 North America

September 24, 2026 · 16:50–17:20

Stage 3

Merging at Scale: From Broken Builds to Green Mainline

Manjari Akella, Preetam Dwivedi

Manjari Akella

Preetam Dwivedi

World Congress 2026 North America

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

Stage 3

Reading the Mind of Your NGINX Fleet: A Hybrid Rule + ML Pipeline for NGINX Config Intelligence

Brandon LEE

AI Architect Lead at F5

Brandon LEE

World Congress 2026 North America

September 24, 2026 · 16:50–17:20

Stage 1

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer

Related videos

Microfrontends at Scale thumbnail

World Congress 2021 • about 5 years ago

Microfrontends at Scale

Josh Goldberg

Destructuring Frontend monoliths with MicroFrontends thumbnail

JS Congress • almost 5 years ago

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

Micro-frontends anti-patterns thumbnail

JS Congress • almost 5 years ago

Micro-frontends anti-patterns

Luca Mezzalira

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

World Congress 2026 Europe • 3 months ago

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

Erasmo Hernandez

Micro-frontends anti-patterns thumbnail

World Congress 2022 • over 4 years ago

Micro-frontends anti-patterns

Luca Mezzalira

Nx - the easy choice thumbnail

JS Congress • almost 5 years ago

Nx - the easy choice

Miroslav Jonas

Related articles

CH

Chris Heilmann

Dev Digest 120 - Apple and peers

Hello fellow developer, yes, yes, yes, Apple announced a ton of things last week, so much so that you can't escape the announcements, which is why we won't cover them here. Instead, here are some i...

over 2 years ago

Dev Digest 120 - Apple and peers

CH

Chris Heilmann

Dev Digest 104 - Fight for your right to 3rd party

Last Friday's Dev Digest was a spotlight issue covering the problem of Apple's plan to disallow web applications to be added to the homescreen and run as standalone apps. We had an expert round and...

over 2 years ago

Dev Digest 104 - Fight for your right to 3rd party

CH

Chris Heilmann

Dev Digest 138 - Are you secure about this?

Hello there! This is the 2nd "out of the can" edition of 3 as I am on vacation in Greece eating lovely things on the beach. So, fewer news, but lots of great resources. Many around the topic of sec...

almost 2 years ago

Dev Digest 138 - Are you secure about this?

BB

Benedikt Bischof

Why You Shouldn’t Build a Microservice Architecture

Welcome to this issue of the WeAreDevelopers Live Talk series. This article recaps an interesting talk by Michael Eisenbart who talks about the pros and cons of microservice architecture.‍About the...

about 4 years ago

Why You Shouldn’t Build a Microservice Architecture

From learning to earning

Jobs that call for the skills explored in this talk.

Frontend Engineer

Berlin, Germany

Expert €80k–140k NestJS ReactJS TypeScript

Junior Frontend Engineer

Berlin, Germany

Starter €60k–75k NestJS ReactJS Backend

about 1 month ago • Verified

Founding Engineer (Front End)

San Francisco, United States

Expert $180k–220k React Next.js JavaScript

Frontend Engineer

Berlin, Germany

Starter €60k–75k NestJS ReactJS Backend

Mid/Senior Full-Stack Engineer (Web-first)

SMG Swiss Marketplace Group

Valbonne, France

Experienced Remote Kotlin Backend ReactJS

Senior Software Engineer, Angular

Barcelona, Spain

Remote Backend Caching ReactJS