~/talk

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

Talkat Devoxx Belgium 2024 · 2024-10-07..10-11· [angular]
slides:none on file

Real-world migration of the Devoxx CFP app from Angular 10 to 18 covers stepwise upgrades one major version at a time, using Node version managers (NVM/ASDF), ng update schematics, and commands like npm ls --all and npm outdated to map dependency pain points. Concrete problems include ngx-translate blocking 13.2, missing components copied into-repo, mismatched PostCSS versions fixed with npm dedupe, and occasional --force installs. The 10→17 run takes ~15–20 days (~2 days/version); later upgrades drop to hours.

AI-written summary · about

  1. 0:00Introduction and story
  2. 1:28Why migrate Angular apps
  3. 3:56Preparing Node version
  4. 5:21Using NG update tool
  5. 7:30Cleaning dependencies
  6. 9:41Updating dependencies step by step
  7. 11:51Handling API changes
  8. 14:47Debugging dependency issues
  9. 16:36Fixing missing dependencies
  10. 18:22Copy-pasting libraries
  11. 19:47Finding duplicate dependencies
  12. 21:13Resolving version conflicts
  13. 24:02Migrating styles and CSS
  14. 25:50Migrating linters
  15. 27:15Linting deprecated APIs
  16. 28:18Leveraging Angular 18 features
  17. 31:51Migrating to standalone components
  18. 33:01Using AI for troubleshooting
  19. 34:08Automating updates with tools
  20. 36:14Key migration tips
  21. 39:28Q&A session
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.