Angular 12 arrive avec une pile d’améliorations

Angular 12, la dernière mise à jour de la structure Web populaire basée sur TypeScript de Google, est désormais disponible en version de production. Entre autres améliorations, la mise à niveau rend obsolète le pipeline de compilation et de rendu de View Engine au profit de l’innovation Ivy plus récente.

Sorti le 12 mai, Angular 12 est facilement disponible sur GitHub, après de nombreuses versions bêta et perspectives de publication . Angular 12 évolue mieux vers une vision « Ivy all over » pour le cadre. Ivy est décrit comme une collection de nouvelle génération et un pipeline de rendu, utilisant une collection AOT plus rapide (à l’avance).

L’équipe Angular a noté que View Engine sera éliminé dans une prochaine version. Les bibliothèques existantes utilisant View Engine traiteront toujours les applications Ivy, mais il est recommandé aux auteurs de bibliothèques de commencer la transition vers Ivy.

Aussi sur L’Entrepreneur: Angular, Respond, Vue: structures JavaScript comparées]

In Angular 12, le service de langage basé sur Ivy, offrant des capacités telles que des conclusions de code et des conseils à l’intérieur des modèles, passe de l’opt-in à on par défaut. Autres nouvelles fonctions et améliorations de la version 12:

• Pour améliorer l’efficacité de l’interface de ligne de commande du compilateur, la collecte incrémentielle est autorisée en présence de fichiers source réacheminés.
• Coalescence nulle, pour écrire un code plus clair dans les classes TypeScript, fonctionne désormais avec les modèles Angular.
• Angular CDK et Angular Product présentent une toute nouvelle surface d’API Sass conçue pour être utilisée avec le nouveau @use syntaxe. Lors de la mise à niveau vers Angular 12, une application passera immédiatement à la toute nouvelle API en effectuant une mise à niveau via ng update .
• Des outils sont disponibles pour déplacer les identifiants de localisation hérités vers des identifiants utilisant l’actuel algorithmes.
• Les composants prennent désormais en charge le Sass en ligne dans le champ designs du décorateur @component .
• Exécution de ng build est maintenant par défaut en production, sauvegardant les actions et aidant à éviter la libération accidentelle de l’avancement se développe.
• Le mode strict, pour détecter les erreurs précédemment dans le cycle d’avancement, est rendu possible par défaut dans le CLI.
• Le bundler de modules Webpack 5 est prêt pour la production.
• L’assistance pour le navigateur Web IE11 est en fait obsolète.
• Pour le compilateur, l’assistance est fourni pour changer les ressources de conception des composants.
• Pour le service linguistique, les conclusions de propriétés résidentielles ou commerciales angulaires sont proposées uniquement dans les modèles de conception.
• Pour le compilateur-cli, un choix est introduit pour toute requête permettant de fournir des informations arbitraires dans une méthode de type sécurisé. Cette fonction répond à l’exigence de configurer des intercepteurs dans le client HTTP sur une base par requête.
• Pour les animations, les aspects DOM sont désormais correctement éliminés lorsque la vue racine est supprimée. Il s’agit d’un changement radical.
• Pour améliorer l’efficacité, les méthodes inutilisées ont été supprimées de DomAdapter .
• Un tout nouveau format est ajouté à localize-extract , appelé legacy-migrate , pour produire un fichier JSON qui peut être utilisé pour mapper les identifiants de message hérités aux identifiants canoniques.
• Stringent null les chèques rapporteront qu’une pièce est potentiellement nulle. Il s’agit d’une modification de rupture.
• Le type du jeton APP-INITIALIZER a en fait été modifié pour afficher plus précisément les types de valeurs de retour gérées par Angular. Il s’agit d’un changement radical.
• Une prise en charge a en fait été ajoutée pour la désactivation des animations via BrowserAnimationsModulewithConfig .
• L’alternative a été incluse pour FormArray et FormGroup . Il s’agit d’une modification révolutionnaire.
• Un contrôle plus précis a en fait été inclus routerLinkActiveOptions .
• Les applications de sortie de routeur sur mesure sont autorisées.
• Une assistance a été incluse pour TypeScript 4.2, et la prise en charge de TypeScript 4.0 et TypeScript 4.1 a été abandonnée.
• Implémentation de.
• Pour les types, les minutes et les validateurs max sont en cours présenté.
• Exportation d’une liste de codes d’état HTTP.
• Ajout d’une fonctionnalité au service de langage angulaire qui permet d’accéder aux emplacements des composants qui utilisent un fichier de modèle de conception.
• L’ajout de diagnostics pour recommander d’activer strictTemplates, fournissant une méthode permettant au serveur de langage d’obtenir les diagnostics des choix du compilateur.
• Un correctif comprenant une API pour récupérer le bloc de vérification de type du modèle de conception pour un dessin modèle, le cas échéant, dans une zone de fichier, et sélection du nœud TS dans le TCB représentant le nœud modèle auquel la demande fo r un TCB a été créé. Cela facilitera le débogage.

Une variété de réparations de bogues sont également incluses, affectant le compilateur, le compilateur-cli, l’outil de construction Bazel, le routeur et d’autres parties d’Angular. Une liste complète des modifications peut être découverte sur GitHub. La précédente ligne Angular 11 a fait ses débuts en tant que version de production en novembre.