Lesson overview · Free interview practice

Micro-frontends

Build scalable micro-frontend architectures.

Topics in the full lesson
  • Introduction to Micro-Frontends
  • Building Scalable Frontends
  • Integration Patterns
  • Communication Between Micro-Frontends
  • Deployment Strategies
  • Routing and Navigation
  • Styling and Theming
  • Testing Micro-Frontends
  • Best Practices
  • Exercises

Practice Problems

Work through a question before revealing its explanation. These questions and answers are free; Premium adds the full lesson walkthrough, examples and implementation detail.

Completion marks record your own progress, not an automatically checked result. The task type does not determine whether it is optional.

TheoryMedium

MFE Styling: Avoiding CSS Collisions Across Boundaries

Question

How do you prevent CSS from leaking between micro-frontends, and what styling approaches work?

Take a moment to think about this before revealing the answer

Explain your reasoning or try an implementation before comparing answers.

TheoryMedium

Micro-Frontends: The Team-Boundary Argument

Question

What is a micro-frontend, and when does the architecture pay off over a monolithic frontend?

Take a moment to think about this before revealing the answer

Explain your reasoning or try an implementation before comparing answers.

TheoryMedium

MFE Communication: Events, Shared State, URL

Question

How do micro-frontends communicate with each other, and what are the trade-offs?

Take a moment to think about this before revealing the answer

Explain your reasoning or try an implementation before comparing answers.

TheoryHard

Module Federation: Webpack 5+ Runtime Sharing

Question

How does Module Federation work, and how does it solve the MFE shared-dependency problem?

Take a moment to think about this before revealing the answer

Explain your reasoning or try an implementation before comparing answers.

TheoryHard

MFE Routing: Global, Local, and the Shell Router Pattern

Question

How is routing handled across multiple micro-frontends, and what patterns work?

Take a moment to think about this before revealing the answer

Explain your reasoning or try an implementation before comparing answers.

Explore the full Micro-frontends material

Premium includes the complete lessons and implementation references. Free practice questions remain available without a subscription.

All course tracks & premium content
From basics to advanced masterclasses
Built for JS/TS developers like you
Real-world tips & common pitfalls
Upgrade to Premium