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

Try the free interview questions

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

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