Architecting complex JavaScript setups for large scale enterprise projects

on YouTube ↗01h 13m

" summary

Claims that microfrontends scale only if teams map to business domains and own independent release cycles, demonstrated with a live host + remote composition using module federation (webpack 5) and an Angular element built as a standalone web component. Integration techniques compared: iframes for strong encapsulation, single-spa for routing/composition, and ES imports/web components for sharing. Demo shows an iframe communicating via event bus via window.postMessage and a federated remote loaded by remote_entry.js (~3KB loader); webpack enforces shared deps and version checks, and serverless/static builds affect performance (LCP, FID, CLS).

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 13:03Modularization Era
3. 21:19Modular Monolith
4. 31:18Container Types
5. 36:44Mono Repositories Pattern
6. 39:42Css Abstracts
7. 42:50State Management
8. 49:37Cumulative Layout Shift
9. 51:33Static Site Generators
10. 54:47Module Federation
11. 56:19Shared Dependencies

" related talks

• 31mMicro frontends and the multiverse of FrameworksAdrian Iskandar Espinosa Caballero · ng-conf 2022
• 45mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Luxembourg 2023
• 48mMicrofrontend Architecture – technical implementation.Reinis Pakers · DevClub.lv 114th Frontend focused event
• 36mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Brussels 2023
• 24mScaling Frontend Development using Micro-frontendsMashhood Rastgar · NG-MY 2019
• 36mMicrofrontends: Scalability Savior or Unmanageable Maze?Calvin Schroder · DevDays || DevOps Pro || CyberWiseCon Europe 2025
• 01h 17mChallenges in Building Micro Front EndsVishal Kumar · Reliable Web Summit 2021
• 25mAdvanced Micro Frontends: Multi-Version and Multi-Framework ScenariosManfred Steyer · WeAreDevelopers World Congress 2025