At the Heart of the Odyssey: Migrating an Application from Angular 10 to 17
summary
Describes migrating the Devoxx CFP app from Angular 10 to Angular 17 over ~15 days using update.angular.io and ng update, managing Node with NVM/asdf/Volta and heavy npm tooling (npm ls, remove node_modules and package-lock, npm install --force, and npm dedupe to resolve duplicate PostCSS). Covers handling deprecated/unmaintained libraries (one vendor file copied and adapted), fixing missing component inputs, brittle tests, and performing iterative version-by-version updates until the app runs on Angular 17.
AI-written summary · about
chapters (19)
- 0:00Angular migration journey
- 1:27Introduction
- 2:10Angular version overview
- 3:37Migration preparation
- 4:40NG Update explained
- 6:27Chaotic dependencies
- 8:10Removing unused dependencies
- 9:11Version conflict resolution
- 10:56npm install --force
- 11:58Complex dependency issues
- 14:29Abandoned dependency fixes
- 16:32CSS errors and hidden deps
- 18:18Finding duplicates with npm find-dupes
- 19:44Simplifying with npm dedupe
- 20:49Reaching Angular 17
- 22:34Automated dependency tools
- 24:21Three key lessons
- 25:45Plan migrations regularly
- 26:47Conclusion
related talks
42mA Developer's Tale: Migrating an Angular app from version 10 to 17
43mA Developer's Tale: Migrating an Angular app from version 10 to 18
22mClean Up Your Old Angular Apps!
05mMigrating a Portfolio of Front-End Apps to Angular
33mRefactoring 80+ Angular projects and what went wrong
26mUpgrading your AngularJS App, Without the Tears
42mRefactoring 80+ Angular projects and what went wrong
44mMigrating to Angular 2