GCP: Migrating a 1M+ LOC project from AngularJS to Angular

on YouTube ↗24m

" summary

Google Cloud console migrates a million‑plus‑line codebase by bootstrapping Angular and AngularJS side‑by‑side, using NgUpgrade-lite and downgradeComponent, running both routers with a location synchronizer, and migrating page‑by‑page so teams move independently. Core work includes a new Angular UI library, template‑migration tooling mapping AngularJS material to Angular material, and CSS scoping hacks to survive AoT ordering. The codebase counts about 700,000 lines of source and 700,000 lines of tests, and cleanup happens only after all products convert.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 0:55Project Overview
3. 6:04Bootstrap
4. 14:35CSS Decoupling
5. 17:34Core Migration
6. 18:54UI Library
7. 19:51Migration tooling
8. 20:49Whats next
9. 21:59Final thoughts

" related talks

• 24mMigrating from AngularJS to AngularElana Olson · Angular Connect 2018
• 24mGetting to Angular 2Jen Bourey · ng-europe 2016
• 33mSponsored Session: Lessons Learned from Moving 2 Million Engineers from AngularJS t...Stephen Fluin · Open Source Summit North America 2025
• 20mBuilding Platforms with AngularJen Bourey · ng-conf 2015
• 21mStreamlining the AngularJS-to-Angular migrationHanyu Xiao · NGConf 2018
• 19mPerformance Lessons from the World's Largest Angular ApplicationŁukasz Jancewicz, Joanna Ostrowska, Catalina Patiño · NG Poland 2025
• 23mUpgrading to Angular without ngUpgradeErin Coughlan · Angular Connect 2018
• 20mAddicted to AngularJS?Pete Bacon Darwin, George Kalpakas · ng-conf 2017