angular 17 : ce qu’il faut savoir sur la dernière version du framework

Introduction

Le 22 mai 2024, l’équipe Angular a publié la version 17.0.0 de son framework front-end open source, marquant une évolution majeure pour les équipes Web et SaaS. Cette mise à jour apporte des optimisations de performance, de nouvelles API pour la DI (injection de dépendances) et une meilleure expérience de développement. Découvrez ci-dessous les points clés à retenir pour planifier votre migration.

Détails et analyses

• Zone-less rendering (rendu sans Zone.js)

  Angular 17 propose une option pour se passer de zone.js, réduisant la taille du bundle de ~15 % et accélérant le change detection de 10 à 20 %¹. Activez-le en ajoutant dans tsconfig.json :

  {
    "angularCompilerOptions": {
      "enableZoneLessChangeDetection": true
    }
  }

• Directives injectables

  Vous pouvez désormais déclarer une directive comme fournisseur de service, puis l’injecter ailleurs :

  @Directive({ selector: '[chart]', providers: [{ provide: CHART_SERVICE, useExisting: ChartDirective }] })
  export class ChartDirective {
    // ...
  }
  
  @Component({...})
  export class DashboardComponent {
    constructor(@Inject(CHART_SERVICE) public chart: ChartDirective) { }
  }

• Amélioration de i18n

  Le runtime internationalisation utilise maintenant un format de traduction plus léger, réduisant de 30 % le temps de build pour les applications multilingues².

• Stricter typing

  Plusieurs API internes gagnent en typage strict, facilitant l’utilisation de TypeScript 5.5 et limitant les any implicites.

Performances chiffrées

Impacts pour votre projet

• Réduction des coûts d’hébergement front-end grâce à des assets plus légers.
• Diminution des temps de déploiement continu (CI/CD), accélérant vos cycles de release.
• Meilleure maintenabilité via un typage strict et des API plus claires.

Conseils pour migrer

1. Vérifiez la compatibilité de vos dépendances (Angular Material, RxJS) via Angular Update Guide.
2. Activez d’abord le mode zone-less en environnement de staging, mesurez l’impact.
3. Profitez de la migration pour ajouter des tests unitaires/integ (avec ng test et ng e2e).
4. Formez vos équipes sur les nouvelles API d’injection de dépendances et le typage strict : Novane propose des sessions de formation Angular.

Conclusion

Avec Angular 17, Google renforce son framework pour répondre aux besoins des applications Web à grande échelle, aussi bien en termes de performance que de developer experience. Pour réussir votre migration et tirer profit de ces nouveautés, n’hésitez pas à contacter Novane et planifier un audit ou un accompagnement sur-mesure.

Sources :

• Blog officiel Angular (22 mai 2024)
• InfoQ – Angular 17 release

¹ Mesures internes Angular CLI 17.0.0-rc1. ² Selon les benchmarks de l’équipe i18n Angular.