A Developer's Tale : Migrating an Angular app from version 10 to 17

Embark on a real-world journey of transitioning the Devoxx CFP application from Angular 10 to Angular 17. This talk offers a deep dive into the practical challenges and solutions encountered during this significant upgrade process.

The session begins by highlighting the compelling reasons for migration, including Angular 17's advanced features and performance benefits. It then moves into the heart of the upgrade, sharing first-hand experiences from updating the Devoxx CFP app. Attendees will learn about navigating through breaking changes, adapting to new libraries, and tackling compatibility issues - all illustrated with real scenarios from the Devoxx CFP app upgrade.

Crucial aspects such as handling deprecated APIs, managing library dependencies, and employing new Angular 17 capabilities will be covered. The talk aims to provide a clear roadmap for similar migrations, outlining the traps and hiccups that might arise and how to skillfully overcome them.
Practical tips and strategies will be a cornerstone of this presentation, giving developers the tools to efficiently migrate their applications to the latest Angular version. This session is not just theory; it's a collection of valuable lessons and best practices drawn from a real-world application upgrade.

Join this session for an insightful look into upgrading to Angular 17, armed with knowledge and confidence to apply these learnings to your Angular projects

Transcript

1. A Developer's Tale Migrating an Angular app from version 10 to 17 Loïc Magnette
2. Back in 2013
3. Loïc Magnette Proud dad @LoMagnette Senior Dev lmagnette BeJUG co-organizer lmagnette
5. update.angular.io
10. Schematics
11. Schematics
12. -- Schematics
13. -- new generate … add update NG Schematics
14. -- Schematics NG UPDATE
22. Dependencies
23. Dependencies
26. Dependencies
31. Dependencies
32. --force
37. Tests
38. Rewrite
52. Dedupe Dependency A @1.0.0 Dependency B @2.0.0 Dependency C @1.4.0 Dependency D @1.0.3 Dependency D @1.0.10
53. Dedupe Dependency A @1.0.0 Dependency B @2.0.0 Dependency C @1.4.0 Dependency D @1.0.3 Dependency D @1.0.10
54. Dedupe Dependency A @1.0.0 Depende ncy B @2.0.0 Dependency C @1.4.0 Dependency D @1.0.10
60. Tools
61. Dependabot Renovate Tools
62. A. Nonymous Tools
64. One version at the time
65. Automated tests
66. Plan the upgrade
67. SLIDES lmagnette lmagnette www.oniryx.be @LoMagnette