Angular 16 pour améliorer le rendu côté serveur

Maintenant que Angular 15 est arrivéles développeurs du framework Web basé sur TypeScript créé par Google envisagent des améliorations du rendu côté serveur et des performances d’exécution pour une version prévue d’Angular 16.

Provisoirement attendu en mai 2023, Angular 16 explorerait l’hydratation et les améliorations de la convivialité du rendu côté serveur, la première étape étant l’hydratation non destructive. Cette technique permettrait de réutiliser le DOM côté serveur et, plutôt que de le restituer, n’attacherait que des écouteurs d’événements et créerait les structures de données nécessaires au runtime Angular.

Dans une prochaine étape, les plans appellent à une exploration plus approfondie de l’espace en évolution dynamique de l’hydratation partielle et de la possibilité de reprise. Chaque approche a des compromis et les constructeurs d’Angular aimeraient prendre une décision éclairée sur une solution optimale à long terme.

Les améliorations de l’hydratation et de la convivialité du rendu côté serveur ont été répertoriées sur un Feuille de route angulaire qui a été mis à jour pour la dernière fois le 5 novembre. Bien que ces améliorations ne soient pas associées à une version particulière d’Angular dans la feuille de route, un responsable de Google y a fait référence cette semaine lorsqu’on lui a demandé quels étaient les plans pour Angular 16.

Les autres fonctionnalités citées par Google pour Angular 16 incluent les suivantes :

• Revisiter le modèle de réactivité d’Angular et rendre Zone.js facultatif pour améliorer les performances d’exécution. Angular exécute par défaut la détection des modifications de manière globale ; des options sont en cours d’examen pour exécuter la détection des modifications uniquement dans les composants concernés. Cela simplifie le framework, améliore le débogage et réduit la taille du bundle d’applications.
• Introduction d’API de débogage d’injection de dépendances.
• Amélioration de la documentation et des schémas pour les composants autonomes. Un ng new collection est en cours de développement pour les applications amorcées avec un composant autonome.
• Exploration des options pour améliorer les bundles JavaScript créés par Angular CLI.
• Refactoring de documents, pour s’assurer que toute la documentation s’intègre dans un ensemble cohérent de types de contenu.

D’autres efforts en cours mais non cités par Google comme prévu pour Angular 16 incluent :

• Rationalisation des importations autonomes avec le service de langage, y compris l’importation automatique des dépendances de modèle pour les composants autonomes. Pour permettre des ensembles d’applications plus petits, le service linguistique proposera la suppression automatique des importations inutilisées.
• Nouvelles primitives CDK (Component Dev Kit) pour créer des composants personnalisés basés sur les modèles de conception WAI-ARIA (Web Accessibility Initiative Accessible Rich Internet Applications) pour Boîte combo.

Les fonctionnalités et améliorations de la feuille de route, mais pas nécessairement en cours, incluent des API de thématisation basées sur des jetons et l’activation des capacités de Material 3 ; moderniser les tests unitaires ; refonte des tableaux de bord de performance pour détecter les régressions ; et l’amélioration des performances de construction, avec ngc en tant que distribution de plug-in tsc. Les API ergonomiques de fractionnement de code au niveau des composants et la garantie d’une adoption en douceur pour les futurs changements de RxJS ont également été citées.