Upgrading your AngularJS App, Without the Tears
summary
An enterprise AngularJS 1.4 ES5 app embedded in JSPs and built with Maven upgrades to AngularJS 1.7 and then into a hybrid Angular setup using ng-upgrade and TypeScript. Security scan shows 6 high severity, 31 medium, 18 low JS vulnerabilities, fixed by upgrading dependencies and breaking the build via SonarQube. Tests (900+) get rewritten from implementation checks to outcome assertions, ng-annotate is applied with a bash loop to fix DI, imports are generated, and the long-term plan moves to NX micro-frontends; the migration takes about four months.
AI-written summary · about
chapters (12)
- 0:00Introduction to the project
- 1:34Analyzing technical debt
- 4:14Addressing security issues
- 5:54Dependency upgrades
- 7:31Importance of testing
- 10:13Improving developer experience
- 11:56Preparation for ng upgrade
- 13:21Technical migration steps
- 16:43Switching to TypeScript
- 19:00Configuring Angular CLI
- 20:23Hybrid app development
- 23:05Future architecture and wrap
related talks
21mStreamlining the AngularJS-to-Angular migration
20mUpgrading Enterprise Angular Applications
20mAddicted to AngularJS?
23mUpgrading to Angular without ngUpgrade
05mMigrating a Portfolio of Front-End Apps to Angular
20mBack from the past: A tale of helping others upgrade from Angular 1.x
42mA Developer's Tale: Migrating an Angular app from version 10 to 17
24mMigrating from AngularJS to Angular