Camel and Eye of a Needle: Integration Approaches for SPA-based Micro Frontends

on YouTube ↗47m

" summary

Compares concrete SPA microfrontend integration techniques and shows working demos: bootstrapped SPAs, Module Federation sharing (reuses Angular or React runtime to avoid extra downloads, React ~30–40KB on first load), iframe isolation, and web components as framework-agnostic wrappers. Builds a multi-framework “dashboard from hell” (four runtimes) to show costs, then demonstrates Astro and partial hydration with Qwik-style interactive islands that load HTML first and fetch JS on interaction, restoring fast hyperlinks and lowering time-to-interactive.

AI-written summary · about

" chapters (4)

1. 0:00Intro
2. 0:51Session "Camel and Eye of a Needle: Integration Approaches for SPA-based Micro Frontends" by Manfred Steyer
3. 38:23Manfred answers questions from the audience
4. 46:56Outro

" related talks

• 24mScaling Frontend Development using Micro-frontendsMashhood Rastgar · NG-MY 2019
• 31mMicro frontends and the multiverse of FrameworksAdrian Iskandar Espinosa Caballero · ng-conf 2022
• 37mIntroduction to Micro FrontendsIvan Jovanovic · The Rolling Scopes Conference 2018
• 25mAdvanced Micro Frontends: Multi-Version and Multi-Framework ScenariosManfred Steyer · WeAreDevelopers World Congress 2025
• 51mMicrofrontends and UI Composition - a Code-First DiveWilliam Brander · DevConf 2018
• 45mA Software Architect's Approach towards SPA Based Micro AppsManfred Steyer · Voxxed Days Microservices 2018
• 01h 13mArchitecting complex JavaScript setups for large scale enterprise projectsNatalia Venditto · HolyJS 2020 Moscow
• 57mMicro Frontends – a strive for fully verticalized systemsDavid Leitner · NDC London 2020