A Developer's Tale: Migrating an Angular app from version 10 to 17
summary
Migrates the Devoxx CFP app from Angular 10 to 17 by upgrading one major version at a time, using update.angular.io and running ng update plus dependency inspection with npm ls --all and npm outdated. Encounters: conflicting peer versions and duplicated packages fixed with npm dedupe (and npm dup), an abandoned library copied into the repo, a calendar component swapped out, a postcss duplicate bug, and schematics that only partly convert to standalone components. Automated tests catch regressions; rebuilds and iterative npm installs make it work.
AI-written summary · about
chapters (24)
- 0:00Angular migration journey
- 1:52Introduction
- 2:58Why upgrade Angular
- 3:59Angular version migration steps
- 5:44Live demo: minor version update
- 7:54Angular schematics and NG update
- 10:07Migrating to Angular 18 challenges
- 12:13Clean dependencies before migration
- 15:50API changes in dependencies
- 17:39Forcing dependency updates
- 18:20Debug missing components
- 20:10Automated testing importance
- 21:17Unsupported dependencies
- 23:12PostCSS and duplicate conflicts
- 26:47Fix conflicts with npm dedupe
- 27:33Unexpected migration issues
- 27:58Angular Material styling
- 30:08Angular 17 standalone components
- 31:56Incremental migration strategies
- 33:02AI troubleshooting
- 34:51Automate dependency updates
- 37:26Three migration lessons
- 40:42Planning upgrades and maintenance
- 41:46Q&A
related talks
43mA Developer's Tale: Migrating an Angular app from version 10 to 18
27mAt the Heart of the Odyssey: Migrating an Application from Angular 10 to 17
22mClean Up Your Old Angular Apps!
26mUpgrading your AngularJS App, Without the Tears
33mRefactoring 80+ Angular projects and what went wrong
05mMigrating a Portfolio of Front-End Apps to Angular
41mNG-NL 2017: Pete Bacon Darwin & George Kalpakas
20mBack from the past: A tale of helping others upgrade from Angular 1.x