Micro Frontends - Breaking Monoliths

on YouTube ↗36m

" summary

Claim: micro frontends let each UI fragment live in independent repos and deploy separately so versions change without redeploying the whole app. Architecture uses an appshell that registers routes and containers and a plugin manager that pulls fragment JS at runtime (demo uses three modules on ports 8081/8082). Recommended tooling includes single-spa or a custom loader; must solve domain boundaries, a shared design system, data exchange via backend/pub‑sub, centralized router, CI/CD, and SSO with a cookie token.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 1:47Monolith to Microservices
3. 5:07What are Micro Frontends
4. 7:20Why adopt Micro Frontends
5. 12:23Key challenges in Micro Frontends
6. 22:22Frameworks for Micro Frontends
7. 25:51Live Micro Frontend demo
8. 30:39Q&A session

" related talks

• 57mMicro Frontends – a strive for fully verticalized systemsDavid Leitner · NDC London 2020
• 36mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Brussels 2023
• 48mMicrofrontend Architecture – technical implementation.Reinis Pakers · DevClub.lv 114th Frontend focused event
• 33mMicro Frontend ArchitectureLilit Tadevosyan · JS Conf Armenia 2021
• 19mHarnessing Microfrontends: Platforms for Web AppsVenkata Sai Manoj Pasupuleti · Conf42 Platform Engineering 2024
• 27mMicro Frontends: Break Up You Web App!Michael Geers · You Gotta Love Frontend 2017
• 45mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Luxembourg 2023
• 29mMicro Frontends, how to evolve to an extensible frontendBenjamín Martínez · JSConf Mexico 2020 Virtual Edition