WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
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 · WWC 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 · WWC 2022

3:55 min

Introduction to micro frontends and architectural consequences

Manfred Steyer Manfred Steyer · WWC 2021

1:31 min

Recapping frontend scaling patterns and distributed UI techniques

Josh Goldberg · WWC 2021

2:25 min

Evaluating architectural alternatives to multi-framework micro frontends

Manfred Steyer Manfred Steyer · WWC 2025

More from World Congress 2022

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

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

André Kovac

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

The Design and Evolution of C++

Bjarne Stroustrup

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

But, you're not Facebook

Kristijan Ristovski

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

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

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

Get Ready for Jakarta EE 10!

Ivar Grimstad

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

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

Open session

World Congress 2026 North America

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

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

Eric Wang, Paul Zimmerman

Eric Wang
Paul Zimmerman
Open session

World Congress 2026 North America

MicroAgents: The Microservices of the Agentic Era

Ashish Shubham

Runs the show bussiness at ThoughtSpot

Ashish Shubham
Open session

World Congress 2026 North America

Merging at Scale: From Broken Builds to Green Mainline

Manjari Akella, Preetam Dwivedi

Manjari Akella
Preetam Dwivedi
Open session

World Congress 2026 North America

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

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

Honey, look! I vibe-coded an OS!

Ian Smith

CTO, LYOS

Ian Smith

Related videos

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

Microfrontends at Scale

Josh Goldberg

Destructuring Frontend monoliths with MicroFrontends thumbnail
41:49
JS Congress • over 4 years ago

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

Micro-frontends anti-patterns thumbnail
47:05
JS Congress • 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
WWC Europe 2026 • about 1 month ago

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

Erasmo Hernandez

Micro-frontends anti-patterns thumbnail
40:17
WWC 2022 • about 4 years ago

Micro-frontends anti-patterns

Luca Mezzalira

Nx - the easy choice thumbnail
45:39
JS Congress • over 4 years ago

Nx - the easy choice

Miroslav Jonas

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.