What are micro-frontends, and how do they relate to microservices?

Short answer: Micro-frontends are a design approach that applies microservices principles to the front-end.

Explain a bit more

Instead of having a single monolithic front-end, the front-end is broken into smaller, self-contained modules or applications that can be independently developed, tested, and deployed. How they relate to microservices: Decoupling: Just like microservices, micro-frontends break down the application into smaller, independently deployable components. Technology Independence: Different micro-frontends can use different technologies (e.g., React, Angular, Vue) or versions of the same technology, allowing teams to work independently. Autonomous Teams: Frontend teams can work independently on specific parts of the UI without impacting the entire application. Example: A shopping website could have separate micro-frontends for product listing, checkout, and user profile, all developed and deployed independently.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.