Les objectifs de l’équipe d’Angular pour la version 16 sont :
- Avoir de meilleures performances d’exécution en réduisant le nombre de calculs lors de la détection des changements. Une fois le déploiement complet d’Angular Signals, l’équipe d’Angular s’attendent à des améliorations significatives de la métrique INP Core Web Vital pour les applications créées avec des signaux.
- Apporter un modèle mental plus simple pour la réactivité, indiquant clairement quelles sont les dépendances de la vue et quel est le flux de données via l’application.
- Permettre une réactivité fine, ce qui dans les prochaines versions permettra de vérifier les modifications uniquement dans les composants concernés.
- Rendre Zone.js facultatif dans les versions futures en utilisant des signaux pour avertir le framework lorsque le modèle a changé.
- Fournir des propriétés calculées sans pénalité de recalcul à chaque cycle de détection de changement.
- Permettre une meilleure interopérabilité avec RxJS en décrivant un plan pour introduire des entrées réactives.
Rendu et « hydratation » côté serveur
Dans la nouvelle application complète d’hydratation non destructive, Angular ne restitue plus l’application à partir de zéro. Au lieu de cela, le framework recherche les nœuds DOM existants tout en créant des structures de données internes et attache des écouteurs d’événements à ces nœuds.
Les avantages sont :
- Aucun contenu scintillant sur une page pour les utilisateurs finaux.
- De meilleurs Web Core Vitals dans certains scénarios.
- Architecture évolutive qui permet un chargement de code précis.
- Intégration facile avec les applications existantes, en quelques lignes de code seulement.
La nouvelle collection ng Standalone
Dans le cadre d’Angular v16, vous pouvez créer de nouveaux projets de manière standalone dès le début ! Pour essayer l’aperçu développeur des schémas standalone, assurez vous que vous êtes sur Angular CLI v16 et exécutez :
ng new --standalone Vous obtiendrez une sortie de projet plus simple sans aucun NgModules. De plus, tous les générateurs du projet produiront des directives standalone, des composants et des pipes !
Ajout de l’autocomplétion pour les imports dans les templates
Le service de langage permet désormais d’importer automatiquement des composants et pipes. (exemple sur la vidéo ci-dessous).
