Using Monorepos for Scalable Apps

on YouTube ↗01h 00m

" summary

A concrete migration story: a 50 million–user single page app with 300 developers and nine repos consolidates into a mono repo and builds a shared CDK component library packaged as UMD bundles and published as Angular Elements for lazy loading; a runtime framework bridge exposes angularjs injectables, schematics automate boilerplate, and NX powers affected builds so only changed projects rebuild. Change detection tradeoffs get isolated via a zone strategy and the approach enables incremental migration and federated team delivery with measurable CI and reuse gains.

AI-written summary · about

" chapters (26)

1. 0:00Start
2. 1:27Dylan Johnson
3. 2:06Background: The Aircraft Carrier
4. 4:34Key Factors For Any Mig
5. 6:40Grok'ing Upgrade Module
6. 7:43Bootstrapping with Upgrade Module
7. 8:23Rendering & Change Detection with Upgrade Module
8. 9:05Dependency Injection with Upgrade Module
9. 14:42Grok'ing Migration with Elements
10. 15:23Loading Elements
11. 16:04Bootstrapping Elements - Part 1
12. 17:10Rendering with Elements
13. 17:32Change Detection with Elements
14. 18:26Dependency Injection with Elements
15. 19:40A Closer Look: FrameworkBridge Service
16. 20:44Framework Bridge: Wrapping Strategy
17. 21:07Routing
18. 25:52What Enterprise Teams Want
19. 26:45Two extremes of Code Storage
20. 27:31Two extremes of Code Structure
21. 30:17Spectrums Applied to the Real World
22. 31:49Monolithic polyrepos are the enemy of collaboration
23. 32:12Common Component Library
24. 33:28Why inconsistent implementations?
25. 34:42What if the team had a monorepo?
26. 39:51The only way to scale a monorepo affected I dependency graph analysis

" related talks

• 40mOne Codebase to Rule Them All: A Monorepo JourneyStefani Tsolova · Angularday 2023
• 34mAngular Monorepo DiariesBalázs Korossy-Khayll · iJS London 2019
• 35mArchitectures for Huge Angular Based Enterprise ApplicationsManfred Steyer · AngularNL 2019
• 28mConsolidate, Enhance, Scale: End-to-End Angular Monorepo Management with NxJuri Strumpflohner · NG-BE 2024
• 01h 03mMonorepo – How to do frontend faster, better and saferKari Meling Johannessen · NDC Oslo 2023
• 29mFrom Monolithic Web App to Micro-Frontends – Extending Microservices Architecture to the FrontendRustam Aliyev, Ivan Martynov · OdessaJS 2018
• 33mArchitectures for huge Angular based Enterprise Applications: npm Packages, Monorepos and MicroservicesManfred Steyer · DevOne 2019
• 31mArchitectures for huge Angular based enterprise applications npm Packages, Monorepos and Micro AppsManfred Steyer · Angular Connect 2018