Scaling Frontend Development using Micro-frontends

on YouTube ↗24m

" summary

Explains concrete ways to split a large SPA into independently deployable pieces and reports what actually works and fails: use simple hyperlinks or iframes for isolation, adopt single-spa to mount multiple frameworks in one DOM, or compile to web components; mitigate bundle bloat with SystemJS dynamic loading or server-side chunking; sync state via localStorage, backend persistence or events; preserve UX with a central design guild; require independent unit tests plus end-to-end integration; overall verdict: useful but adds nontrivial tooling and operational overhead.

AI-written summary · about

" chapters (6)

1. 0:00Introduction and background
2. 1:57Why micro-frontends
3. 8:17What are micro-frontends
4. 16:09Overheads and challenges
5. 21:52Testing and best practices
6. 22:56Final recommendations

" related talks

• 27mMicro Frontends: Break Up You Web App!Michael Geers · You Gotta Love Frontend 2017
• 48mMicrofrontend Architecture – technical implementation.Reinis Pakers · DevClub.lv 114th Frontend focused event
• 57mMicro Frontends – a strive for fully verticalized systemsDavid Leitner · NDC London 2020
• 36mMicro Frontends - Breaking MonolithsBipul Kumar · Developer Summit 2020
• 36mMicrofrontends: Scalability Savior or Unmanageable Maze?Calvin Schroder · DevDays || DevOps Pro || CyberWiseCon Europe 2025
• 32mYou don't know MicrofrontendsLuca Mezzalira, Max Gallo · Frontend Developer Love 2019
• 47mCamel and Eye of a Needle: Integration Approaches for SPA-based Micro FrontendsManfred Steyer · Software Architecture Gathering – Digital 2023
• 36mMicrofrontends: Scalability Savior or Unmanageable Maze?Calvin Schroder · DevOps Pro Europe 2025