WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2021 • Jun 28, 2021

Microfrontends at Scale

Josh Goldberg

Ditch bloated monolithic code and excruciatingly slow builds. Discover how leveraging microfrontends, edge routing, and strict design systems can isolate deployment workflows and restore developer velocity.

Pause
Mute Enter Fullscreen
#1 about 6 min

Overcoming challenges of scaling legacy monolithic frontend applications

How slow builds and massive repositories degrade developer experience and deployment speed over time.

#2 about 3 min

Splitting codebases with specialized frontend application structures

Replacing monoliths with discrete projects mapped to specific architectural responsibilities accelerates development cycles.

#3 about 3 min

Directing user traffic rapidly using geographic edge computing

Utilizing CDN-level workers to seamlessly route users to specialized frontend applications based on URL paths.

#4 about 2 min

Acknowledging duplicate pipeline maintenance and communication trade-offs

The organizational cost of synchronizing standards and build flows across decentralized teams and projects.

#5 about 5 min

Comparing client, server, and static frontend rendering strategies

Comparing performance and architectural trade-offs between static site generation and client-side rendering strategies.

#6 about 6 min

Building cohesive interfaces utilizing atomic design system principles

Structuring reusable visual components into a predictable hierarchy maintains interface consistency across isolated frontend pieces.

#7 about 2 min

Documenting component libraries effectively using interactive development tools

Authoring interactive documentation to enforce internal typescript standards and simplify component usage for teams.

#8 about 2 min

Recapping frontend scaling patterns and distributed UI techniques

Implementing discrete microfrontends, edge routing, and standardized design systems modernizes frontend scalability.

#9 about 4 min

Coordinating design system rollouts across decoupled software teams

Addressing the difficulties of enforcing standardized interface updates without breaking dependent external environments.

#10 about 2 min

Selecting opinionated frameworks for hybrid frontend generation tasks

Adopting feature-complete libraries like Next.js simplifies hybrid server and static rendering over custom webpack setups.

#11 about 2 min

Evaluating vertical routing against complex horizontal page splitting

Why dividing applications by entire page routes is structurally safer than rendering segmented widgets via shared boundaries.

#12 about 4 min

Managing granular deploy conditional logic within unified monorepo structures

Exploring pipeline infrastructure limits when isolating test suites and partial builds inside a dense centralized codebase.

#13 about 2 min

Moving static deployments toward modern edge environment capabilities

Serving prebuilt markup instantly from edge caching networks reduces traditional origin server bottleneck delays.

#14 about 6 min

Restricting raw property inputs to maintain resilient compound components

Enforcing tight configuration limits via programmatic types prevents consuming applications from overriding baseline styling unexpectedly.

#15 about 3 min

Avoiding synchronized architectural state between isolated frontend layers

Offloading session context directly to unified API backends eliminates unreliable cross-application frontend memory sharing constraints.

Matching moments

2:07 min

Introduction to micro frontend architecture

Trishul Goel · JS Congress

3:55 min

Introduction to micro frontends and architectural consequences

Manfred Steyer Manfred Steyer · WWC 2021

1:26 min

Introduction to micro frontends and platform architecture

Florian Rappl · LIVE

1:43 min

Splitting large monolithic frontends for team autonomy

Manfred Steyer Manfred Steyer · WWC 2025

4:28 min

Understanding the engineering benefits of micro-frontend architectures

Luca Mezzalira Luca Mezzalira · WWC 2022

2:11 min

Scaling development teams with micro frontend architecture

Florian Rappl · WWC 2022

More from World Congress 2021

Micro Frontends with Module Federation: Why and How? thumbnail
45:40
almost 5 years ago

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

Data Science on Software Data thumbnail
48:10
about 5 years ago

Data Science on Software Data

Markus Harrer

The journey from developer to devops - what i've learnt along the way thumbnail
42:44
about 5 years ago

The journey from developer to devops - what i've learnt along the way

Liam Hurrel, Alireza Chegini

How Data is Shaping our Games thumbnail
43:30
about 5 years ago

How Data is Shaping our Games

Johanna Pirker

Cross platform Augmented Reality development with React Native thumbnail
40:50
about 5 years ago

Cross platform Augmented Reality development with React Native

Vladimir Novick

How to Build a Monetization Strategy Based on User's in-app Behavior thumbnail
38:59
about 5 years ago

How to Build a Monetization Strategy Based on User's in-app Behavior

Natalie Sieradzki

Upcoming sessions on this topic

Open session

World Congress 2026 North America

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

Paweł Matynia, Bartosz Leczycki

Paweł Matynia
Bartosz Leczycki
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

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

Merging at Scale: From Broken Builds to Green Mainline

Preetam Dwivedi, Manjari Akella

Preetam Dwivedi
Manjari Akella

Related videos

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
47:05
JS Congress • over 4 years ago

Micro-frontends anti-patterns

Luca Mezzalira

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

Micro-frontends anti-patterns

Luca Mezzalira

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

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

Stairway to Heaven - Scaling Frontends the Right Way thumbnail
40:05
WWC 2022 • about 4 years ago

Stairway to Heaven - Scaling Frontends the Right Way

Florian Rappl

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

Front-End Micro Apps

Serg Hospodarets

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.