Microfrontend Architecture – technical implementation.

on YouTube ↗48m

" summary

Describes a real migration from a monolithic SPA into microfrontends that uses Module Federation (Webpack 5) and web components with Shadow DOM, runs independent repos and CI pipelines, and serves pieces from S3 or other hosts via a shell that loads remotes at runtime from a shell/remoteEntry.js manifest. Claims reduced deploy size and incremental refactors, reports running 10–20 microfrontends in practice, and notes higher initial complexity, style and naming collisions, and pragmatic auth sharing via cookies or window/localStorage APIs.

AI-written summary · about

" chapters (8)

1. 0:00Microfrontend architecture intro
2. 4:47What is microfrontend architecture
3. 9:28Key components
4. 16:16Trade-offs and challenges
5. 22:07Module Federation in practice
6. 30:23Scaling and testing
7. 36:25Future of microfrontend architecture
8. 48:12Q&A

" related talks

• 36mMicro Frontends - Breaking MonolithsBipul Kumar · Developer Summit 2020
• 45mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Luxembourg 2023
• 33mMicro Frontend ArchitectureLilit Tadevosyan · JS Conf Armenia 2021
• 36mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Brussels 2023
• 33mMicro frontends: Unbelievably True Life StoryDmytro Pavlov · JavaScript fwdays'24 conference
• 52mMicro frontends: prepare for the ridePaulius Kimbartas · Build Stuff 2021
• 47mMicro Frontends UnmaskedManfred Steyer · Micro Frontends Conference 2024
• 11mTransforming Enterprise Frontends with Micro-Frontend ArchitecturesNasir Sayed · Site Reliability Engineering (SRE) 2025