Angular 20 – Laissez le flux magique

Voyez ce qui est en magasin dans le Spellbook Angular version 20: une version axée sur la fiabilité de votre quotidien.

Image générée par Chatgpt (Dall · E, par Openai). Invite et concept d’Alyssa Nicoll

Angular V20 arrive en portant un sous-traitant raffiné d’API stabilisé, des modèles mentaux clarifiés et des améliorations réfléchies des performances, du débogage et de l’expérience des développeurs. Cette version privilégie la puissance stable sur le spectacle flashy – focalisé sur les défauts qui font plus et les rituels qui ont du sens. Que vous fabriquiez des enchantements d’entreprise imposants ou des composants légers, la magie coule désormais plus lisse, plus forte et plus prévisible.

Le Conseil des Arcanes s’est convoqué, les parchemins ont été signés et l’encens de LTS Smolders dans les airs. Avant de désagréger les fraîches incantations du v20, prenons un moment pour élever nos gobelets aux sorts qui ont été chuchotés à travers des rouleaux RFC, Prouver eux-mêmes dans d’innombrables batailles de code et a survécu au creuset de l’aperçu expérimental.

Ce sont pas Nouvelle magie. Ce sont Enchantements vétéransmaintenant officiellement sanctionné par les hauts mages d’Angular.

🛡️✨ Sorts stabilisés (anciennement dans Dev Preview, maintenant Core Magic)

Ce ne sont pas de nouveaux parchemins – ce sont de vieilles relances qui viennent d’obtenir leur sceau de sorcier officiel:

🎖️ promu au rang stable

🪶 Ce sont les sorts que vous avez déjà exercés en secret. Maintenant? Ils ont des noms dans la salle de la magie. Stable, fiable et prêt à devenir pro.

🌀 Effet

L’observateur à long regard. Autrefois un observateur expérimental des effets secondaires réactifs, maintenant un citoyen de première classe de votre livre de sorts.

🔗 LinkedSignal

Un signal attaché à un état plus profond – obdien mais puissant. Parfait pour ceux qui ont envie chaos contrôlé.

🤝 Tosignal

Ce farouire que vous avez apprivoisé? Ouais. C’est le sort qui l’a fait jouer bien avec vos signaux. Un véritable diplomate entre les royaumes.

🌊 hydratation incrémentielle

Plus de vidage des bibliothèques de sorts entières sur vos utilisateurs. Hydrate d’interface utilisateur Seulement quand il entre dans la fenêtre. Coulé plus intelligent, pas plus dur.

🛤API de routage SSR

La configuration de rendu au niveau de l’itinéraire a rejoint la guilde stable. Maintenant, votre rendu de serveur peut être aussi affiné que le verrouillage d’un voyou.

🥈 Promu à l’aperçu du développeur

🧙‍️ Sans zone angulaire

Bien qu’il ne soit pas encore gravé dans le codex de la stabilité, la magie sans zone coule dans les couloirs de la grande tour, fiable par leurs lanceurs de sorts seniors pour la sorcellerie rapide et silencieuse.

🙅‍♀️ déprécié

Dépréciations: *ngIf, *ngFor et *ngSwitch déprécié en faveur d’un débit de contrôle intégré (@if, @for, @switch). 🔥

🔮 Un regard plus profond sur certains de mes favoris

Mode sans zone: de Wild Idea à un vrai aperçu

Un peu plus sur ce développement passionnant: Zoneless est désormais en prévisualisation de Dev avec confiance qu’il ne changera pas davantage.

⚠️ Ceci s’applique uniquement aux applications d’expédition, et non à tester les workflows.

• Nouveaux fournisseurs:
  • provideBrowserGlobalErrorListeners() Pour attraper des erreurs non cinglées en dehors de la zone angulaire
  • checkNoChangesConfig() pour détecter les changements d’état non enregistrés

Modèle HMR par défaut

Plus de basculement – cela fonctionne juste maintenant.

Création de composants dynamiques: entrées, sorties et signaux

DCC prend maintenant en charge:

• Entrées via les signaux
• Sortie en charge et reliure bidirectionnelle (!!)
• Presque à la parité avec ce que les modèles peuvent faire
• ⚠️ Un peu moins expressif dans certains cas – évoluant toujours

Tester les mises à jour

• Karma déprécié
• ⚠️ Vuest étant exploré en remplacement
• Test de mode de montre et de navigateur disponible maintenant

🪄 Enchantements supplémentaires qui valent la peine d’être chuchotés (V20 Edition)

• Devtools Améliorations: Le profilage angulaire s’intègre désormais directement dans le panneau de performance de Chrome Devtools.
• Expérience du développeur: Améliorations de la vérification des types, remplacement du module chaud, syntaxe du modèle (par exemple, **, inmodèle littéral) et support de liaison hôte.
• API expérimentales: resource, streaming resource et httpResource API pour gérer l’état asynchrone avec des signaux.
• Création de composants dynamiques: Les nouvelles API permettent des liaisons plus faciles, une application directive et une liaison de signaux bidirectionnelle.
• Essai: Support expérimental pour le cadre de tests les plus vitreux ajouté.
• Mise à jour du guide de style: Réduction du chauffeur, suffixes facultatifs, meilleures pratiques modernes.
• Mises à jour de matériel: Le composant de bouton s’aligne désormais mieux avec le matériau 3, les nouvelles API de superposition et le contrôle d’animation via des jetons Di.
• Support de Genai: llms.txt fichier créé pour aider les LLMS à générer du code angulaire moderne; Nouveaux guides Genai disponibles sur angular.dev.
• Initiative de mascotte: La communauté angulaire vote sur une nouvelle mascotte officielle – consultez la RFC pour participer.

🧙‍♀️ Pour les arcanes plus profonds, consultez les parchemins officiels: le Article de blog Angular V20le Changelog ou le flux de sortie du High Council lui-même. Et si vous êtes un praticien de l’interface utilisateur, ne manquez pas Le webinaire de sortie de l’interface utilisateur de la semaine prochaine de la semaine prochaineoù nous évoquerons de nouveaux composants et enchaîner ceux existants – conçu pour s’associer magnifiquement à tout ce que Angular V20 a à offrir.

Jusque-là, que vos signaux restent forts, vos zones restent bannies et vos modèles restent toujours à chaud. 🔥

Image générée par Chatgpt (Dall · E, par Openai). Invite et concept d’Alyssa Nicoll