Dependency Management in MFs

on YouTube ↗40m

" summary

A healthcare web platform composes more than 12 microfrontends with an App Shell that provides SSO and a shared component library implemented as web components with a React wrapper. Dependency strategies evaluated include Module Federation, import maps and SystemJS plus legacy UMD; practical problems include pdf.js and Zone.js refusing multiple instances and an update that forces deactivating one app. A process of target versions, parallel Angular 16/17 support and plans for linting and tooling run alongside Piral.Cloud for runtime discovery.

AI-written summary · about

" chapters (14)

1. 0:00Introduction and context
2. 2:59Project background and goals
3. 6:47Why share dependencies
4. 9:19Types of dependencies
5. 11:26Use cases for dependency sharing
6. 13:33Common dependency management approaches
7. 16:26UMD limitations and alternatives
8. 17:51Module Federation explained
9. 22:07Import Maps for dependency resolution
10. 24:38SystemJS as a fallback
11. 27:08Appell team responsibilities
12. 29:20Project outcomes and challenges
13. 30:45Improvements and future outlook
14. 31:48Q&A session

" related talks

• 44mApplications instead of libraries: Micro frontends implemented through module federationMario Fernandez · Voxxed Days Zürich 2022
• 31mMFEs , Micro-Frontends with Module Federation and AngularManfred Steyer · Reliable Web Summit 2021
• 36mMicrofrontends: Scalability Savior or Unmanageable Maze?Calvin Schroder · DevDays || DevOps Pro || CyberWiseCon Europe 2025
• 25mAdvanced Micro Frontends: Multi-Version and Multi-Framework ScenariosManfred Steyer · WeAreDevelopers World Congress 2025
• 31mMicro frontends and the multiverse of FrameworksAdrian Iskandar Espinosa Caballero · ng-conf 2022
• 48mMicrofrontend Architecture – technical implementation.Reinis Pakers · DevClub.lv 114th Frontend focused event
• 28mModule Federation: Theory vs PracticeMilan Holeš · FrontKon 2023
• 36mMicro Frontends - Breaking MonolithsBipul Kumar · Developer Summit 2020