Cela pourrait-il être la plus grande mise à jour de l’histoire d’Angular ? Alyssa Nicoll semble le penser (avec quelques astérisques) – voyez pourquoi !
Vous avez peut-être entendu dire que Angular v14 est sorti. Mais saviez-vous que (de l’avis de cette fille) c’est le changement le plus monumental de l’histoire d’Angular en tant que framework ? !
Composants autonomes dans l’aperçu du développeur
Les composants autonomes (et les canaux/directives) sont maintenant dans l’aperçu du développeur !
Avec les composants, les directives et les canaux autonomes, le
autonome : trueflag vous permet d’ajouter des importations directement dans votre @Component() sans @NgModule(). — Emma Twersky
OK, peut-être pas aussi grand que AngularJS à Angular était – nous avons une histoire intense. Et certainement pas aussi incroyable que les changements apportés au moteur de rendu avec la naissance d’Ivy. Mais en plus de ces deux retraits très flagrants de notre histoire, CETTE VERSION (avec des modules optionnels) est le plus grand changement que nous ayons jamais vu dans le framework.
Beaucoup affirment que ce changement est mauvais et enfreint les attentes fondamentales of Angular—“Voici la seule façon dont vous devez faire la chose, vous êtes le bienvenu” Parce que, bien sûr, avec module-less Angular offre également la possibilité de continuer à utiliser Angular, avec des modules, de la même manière que vous l’avez toujours fait. Ainsi, introduisant deux façons de faire la même chose – dans de nombreux avis, pas la manière angulaire.
Cependant, beaucoup d’autres (cette fille incluse) sont non seulement d’accord avec ce changement, mais également excités par les possibilités que cela s’ouvre pour notre framework et notre communauté. Je suis tout à fait pour tout qui abaissera la barre à l’entrée, et je crois que l’élimination des modules de l’équation fait exactement cela.
Mais avec l’élimination des modules vient quelques problèmes à résoudre dans la syntaxe et l’API du framework—d’où l’“aperçu développeur” balise sur cette fonctionnalité sans module. Il reste encore des problèmes à résoudre, mais il est là et prêt à être essayé. Et je peux vous assurer, l’équipe Angular souhaite avoir de vos nouvelles. Ils adorent recevoir les commentaires de la communauté et les prennent très au sérieux lorsqu’ils façonnent l’avenir de ce formidable framework frontal.
Remarque : Vous verrez ci-dessus “sans module” fonctionnalité soit référencée sous de nombreux titres, l’un étant “composants autonomes” dans le blog officiel de la version angulaire lié ci-dessus. Bien que toutes soient des étiquettes précises, j’aime dire “fonctionnalité angulaire sans module” parce qu’il ne s’agira pas seulement de composants qui peuvent devenir lâches et modulaires, mais aussi de directives et de tuyaux autonomes.
Pour ceux d’entre vous qui ne le savent pas, je fais un podcast avec Mike Brocchi et Justin Schwartzenberger tous les vendredis appelé Air angulaire. Récemment, nous avons eu une question intéressante dans le chat à propos de cette fonctionnalité sans module. Je vais la partager ici :
Question autonome sur Angular Air (épisode ngRX)
Autres fonctionnalités à souligner
Il y a tellement d’autres choses intéressantes dans la v14 – l’équipe Angular s’est vraiment surpassée. Voici une liste à puces de certaines des choses étonnantes à souligner :
- Composants, directives et tuyaux autonomes
- Nouvelles primitives dans le CDK angulaire
- Améliorations de l’outillage
- Renommée la branche principale d’Angular en main
- Ajout d’un typage fort du routeur
- Plus de messages d’erreur arborescents
- Type Angular form
- Nouveaux guides de détection des changements sur angular.io
- Nouvelle propriété Route.title pour un accès simplifié au titre de la page
- Désormais capable d’intercepter une “Banane dans une boîte” erreur sur vos liaisons de données bidirectionnelles
- Désormais capable d’attraper la coalescence nulle sur des valeurs non nulles
- Se lier aux membres de composants protégés dans vos modèles
- Injecteurs pour vues intégrées
- Les modifications de NgModel sont reflétées dans l’interface utilisateur pour les composants OnPush
- Nouvelles méthodes pour HarnessLoader
- Améliorations CLI angulaires (ng complétion, ng analytics et ng cache)
- DevTools sont disponibles hors ligne et dans Firefox
- Système de build expérimental basé sur esbuild pour ng build
Je n’entrerai pas dans les détails pour ceux-ci, vous pouvez Découvrez l’incroyable message d’Emma pour cette information. Mais pour ceux d’entre vous qui utilisent Kendo UI pour Angular (ou qui envisagent de le faire), je tiens à vous assurer que notre bibliothèque est 100% compatible et à jour avec Angular v14. Tout ce que vous avez à faire est de mettre à jour vos composants Progress vers la dernière version :
Angular à Google I/O 2022
Enfin, j’aimerais ajouter des ressources à tout le contenu Angular génial qui s’est produit à I/O !
Discussions strong>
- État d’Angular : https://youtu.be/ukGoWyla2lI
- Déploiement angulaire moderne avec Cloud : https://youtu.be/jVPHsolXgLk
Ateliers
- Introduction à Angular : https://youtu.be/qxchrt04bTA
- Traductions ASL de Build more accessible apps in Angular : https://youtu.be/21Cf-7Y-s2Q
- Créez des applications plus accessibles dans Angular : https://youtu.be/Gm_bD1abFXI
Événements à venir
Merci à l’équipe Angular pour cette incroyable mise à jour. Et je suis plus heureux que jamais de voyager et de donner à nouveau des conférences. J’espère vous voir dans le circuit des conférences. Cherchez mon Atelier CSS Tailwind à ng-conf (où je suis également animateur !).
DevUp cette semaine (06/06/22)
Avec ng-conf, je serai aussi à DevReach, Conférence des développeurs des Caraïbes, et Connecter la technologie. DM sur Twitter si vous serez à l’un de ces événements et que vous souhaitez passer du temps !
Bravo et bon mois de juin à tous !
— Alyssa
Source link