Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Au Cœur de l'Odyssée: Migrer une application d'Angular 10 à 17

Loïc
July 09, 2024
Technology
0
39

Au Cœur de l'Odyssée: Migrer une application d'Angular 10 à 17

Plongez dans la migration de l'application Devoxx CFP de Angular 10 à Angular 17. Cette session explore les défis et les solutions pratiques rencontrés durant ce parcours de mise à niveau.

Nous commencerons par examiner les raisons de passer à Angular 17, en soulignant ses fonctionnalités avancées et les améliorations de performance. Le cœur de la présentation partage les expériences vécues lors de la mise à jour de l'application Devoxx CFP, en mettant l'accent sur la gestion des changements importants, l'adaptation aux nouvelles bibliothèques et la résolution des problèmes de compatibilité, illustrés par des exemples concrets tirés de ce projet.

Nous traiterons des aspects critiques tels que la gestion des API dépréciées, la maîtrise des dépendances des bibliothèques et l'utilisation des nouvelles fonctionnalités d'Angular 17. L'objectif est de fournir une feuille de route claire pour des migrations similaires, soulignant les difficultés possibles et les stratégies pour les surmonter avec succès.

Des astuces et stratégies concrètes, issues de cette expérience réelle, seront présentées, équipant les développeurs des outils nécessaires pour effectuer efficacement leur propre migration vers la dernière version d'Angular.

Participez à cette session pour un aperçu enrichissant de la mise à niveau vers Angular 17, et repartez avec les connaissances et la confiance pour appliquer ces apprentissages à vos projets Angular

Loïc

July 09, 2024
Tweet

More Decks by Loïc

See All by Loïc
Quarkus: Supersonic, Subatomic Full-Stack Development
magnette
0
30
Quarkus: Supersonic, Subatomic Full-Stack Development
magnette
0
26
Unleashing the power of Angular: Navigating the latest releases and transformations
magnette
0
24
Dompter le chaos de l'information : Construire un Allié IA avec Langchain4J
magnette
0
240
A Developer's Tale: Migrating an Angular app from version 10 to 17
magnette
0
19
A Developer's Tale : Migrating an Angular app from version 10 to 17
magnette
0
36
Au Cœur de l'Odyssée: Migrer une application d'Angular 10 à 17
magnette
0
64
JFokus 2024: Unleashing the power of Angular: Navigating the latest releases and transformations
magnette
0
51

Other Decks in Technology

See All in Technology
[I/O Extended Android 2024] What`s new in Android 2024
kyeongwan
0
210
CEL(Common Expression Language)で書いた条件にマッチしたIAM Policyを見つける / iam-policy-finder
fujiwara3
0
170
ジュニアレベルのAWS学習戦略
oshanqq
1
890
ここがすごいよ！ AWS Systems Manager！
saichan11
0
1.8k
経営層を開発者体験向上にコミットさせる方法論 ~ Developer eXperience Day 2024 ~
leveragestech
2
140
定数倍高速化の技術
tatyam_prime
5
1.7k
ゆめみのアクセシビリティの現在地と今後
ryokatsuse
3
290
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
110
Classmethod流のPlatform Engineering / classmethod-platform-engineering-devio2024
tomoki10
0
440
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
250
Amazon FSx for NetApp ONTAPのパフォーマンスチューニング要素をまとめてみた #cm_odyssey #devio2024
non97
0
220
クラウド利用者の「責任」をどう果たす？AWSセキュリティ対策のススメ #AWSSummit
hiashisan
0
270

Featured

See All Featured
How to train your dragon (web standard)
notwaldorf
79
5.5k
Being A Developer After 40
akosma
72
580k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
Unsuck your backbone
ammeep
666
57k
The World Runs on Bad Software
bkeepers
PRO
63
11k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
Building Adaptive Systems
keathley
34
2k

Transcript

  1. Au coeur de l’odyssée Migrer une application d’Angular 10 à

    17 Loïc Magnette

  2. Au coeur de l’odyssée Migrer une application d’Angular 10 à

    18 Loïc Magnette

  3. 2013

  4. Loïc Magnette Papa @LoMagnette Dev Senior lmagnette co-organisateur du BeJUG

    lmagnette
  5. None

  6. update.angular.io

  7. None
  8. None
  9. None
  10. None
  11. None
  12. None

  13. Schematics

  14. Schematics

  15. -- Schematics

  16. -- new generate … add update NG Schematics

  17. -- Schematics NG UPDATE

  18. None
  19. None
  20. None
  21. None

  22. Dépendances

  23. Dépendances

  24. None
  25. None

  26. Dépendances

  27. None
  28. None
  29. None
  30. None

  31. API Migration

  32. Dépendances

  33. --force

  34. None
  35. None
  36. None
  37. None

  38. Tests

  39. Rewrite

  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None

  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 Dependency B @2.0.0 Dependency C @1.4.0

    Dependency D @1.0.3 Dependency D @1.0.10

  55. Dedupe Dependency A @1.0.0 Dependency B @2.0.0 Dependency C @1.4.0

    Dependency D @1.0.10
  56. None
  57. None

  58. Styling

  59. None
  60. None

  61. Linter

  62. Linter

  63. Linter

  64. Linter ng add @angular-eslint/schematics

  65. Linter ng g @angular-eslint/schematics:convert- tslint-to-eslint

  66. None
  67. None
  68. None
  69. None
  70. None

  71. Todo’s

  72. -- - Standalone components - Inputs binding - Signals -

    New control flow Todo’s
  73. None
  74. None
  75. None
  76. None
  77. None

  78. Tools

  79. Dependabot Renovate Tools

  80. A. Nonymous Tools

  81. None

  82. One version at the time

  83. Automated tests

  84. Plan the upgrade

  85. None

  86. SLIDES lmagnette lmagnette www.oniryx.be @LoMagnette