Solving the micro-frontend puzzle with fragments architecture

on YouTube ↗30m

" summary

Claims a fragments architecture that composes independent server‑side rendered pieces at the edge using Cloudflare Workers, streaming HTML and enabling per‑fragment caching and independent deploys. Demonstrations show a piercing gateway that injects interactive fragments into legacy client apps with a document‑level message bus, and a reframing approach that runs fragments in iframes to reclaim memory. Results are proof‑of‑concept: faster perceived load, incremental migration path, and edge‑local caches reducing latency and compute cost.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 0:55Solving the micro-frontend puzzle with fragments
3. 3:14Massive frontend apps The rise of SPA frameworks
4. 7:55Micro-frontends can help What are they and why do we care?
5. 12:18Fragment Demo
6. 19:19Incremental adoption Fragment piercing
7. 20:01Piercing Demo

" related talks

• 33mPowering up Micro-frontends at the Edge!Gift Egwuenu · jsday 2023
• 15mPowering up Micro-frontends at the Edge!Gift Egwuenu · Shift Miami 2023
• 20mPowering Up Micro Frontends At The Edge!Gift Egwuenu · BeJS Conf 2023
• 36mMicro Frontends - Breaking MonolithsBipul Kumar · Developer Summit 2020
• 29mMicro Frontends, or How to Evolve to an Extensible FrontendBenjamín Martínez · JSConf Mexico 2020 Virtual Edition
• 47mThe Micro Frontend Architecture: How to Turn Your Website into a Giant Collaborative PuzzleMaxime Ribera, Ludovic Lagatie · Devoxx France 2024
• 27mMicro Frontends: Break Up You Web App!Michael Geers · You Gotta Love Frontend 2017
• 33mSPAs, full-stack, micro-frontends, enterprise migrations, what the quack?N. Venditto, I. Minar · NG-BE 2024