A Developer's Tale: Migrating an Angular app from version 10 to 17 by Loïc Magnette

Migrate your Angular app from version 10 to 17 by following best practices and techniques, from dependency management to automated testing, to ensure a smooth and successful migration process.

Key takeaways
  • Remove node modules to avoid cache issues during migration.
  • Use ng update with --force to update dependencies.
  • Use NPMLS to resolve missing dependencies.
  • Migrate one major version at a time to avoid issues.
  • Automated tests can help during migration.
  • Clean up code after migration.
  • Use NPM to manage dependencies and check for updates.
  • Migrate to standalone components to reduce complexity.
  • Use dependency management tools like Dependabot and Renovate to automate updates.
  • Be cautious when using schematics during migration.
  • Remove unnecessary dependencies to simplify the codebase.
  • Use TypeScript to manage dependencies and improve code quality.
  • Add automated tests to ensure code stability after migration.
  • Use ng-update to simplify the migration process.
  • Be aware of transitive dependencies and their versions.
  • Review dependency versions before updating.
  • Use the latest version of ng-update to make the migration process easier.
  • Consider using Dependabot and Renovate to automate the migration process.