Microfrontends: a Modern Approach to Complex Web Applications
summary
Microfrontends split a large eCommerce app into independently developed features (product page, checkout, related items), published via CI/CD pipelines and composed with native web components (custom elements) so teams can upgrade frameworks or style packages without rewriting the whole app. The demo uses Storybook for isolation, TypeScript shared typings, prefixed globals, lazy loading to limit runtime cost, and an empty-box fallback for resilience; companies like Spotify and Zalando use similar setups and incremental migration proves workable.
AI-written summary · about
chapters (14)
- 0:00Introduction and speaker intro
- 1:16Problems with monolithic frontends
- 3:02What are microfrontends
- 4:50Evolution from monolith to microservices
- 6:35When microfrontends are useful
- 7:40Benefits for developers
- 9:06Companies using microfrontends
- 9:28Design system challenges
- 12:20Technology agnostic approach
- 13:29Isolation and tooling
- 15:38Native browser features
- 16:20Code example and composition
- 18:52Building and deployment
- 20:17Q&A session
related talks
27mMicro Frontends: Break Up You Web App!
57mMicro Frontends – a strive for fully verticalized systems
36mMicro Frontends in Action!
34mMicro Frontends
29mMicro Frontends, how to evolve to an extensible frontend
25mMicro Frontend: a microservice architecture from your frontend web apps
45mMicro Frontends in Action!
44mMicro Frontend: the microservice puzzle extended to frontend