Skip to main content

Angular 14 en 3 features

ยท One min read
Benjamin Auzanneau

Depuis le 2 juin 2022, la core team Angular a released la version 14 d'Angular.

Voici le top 3 de ce que j'ai retenu :

  • ๐’๐ญ๐š๐ง๐๐š๐ฅ๐จ๐ง๐ž ๐œ๐จ๐ฆ๐ฉ๐จ๐ง๐ž๐ง๐ญ

Les composants autonomes font leur apparition en ๐˜ฅ๐˜ฆ๐˜ท๐˜ฆ๐˜ญ๐˜ฐ๐˜ฑ๐˜ฑ๐˜ฆ๐˜ณ ๐˜ฑ๐˜ณ๐˜ฆ๐˜ท๐˜ช๐˜ฆ๐˜ธ. Plus besoin de crรฉer un NgModule pour pouvoir importer/utiliser votre composant.

Disponible รฉgalement pour les directives et les pipes.

https://angular.io/guide/standalone-components https://blog.ninja-squad.com/2022/05/12/a-guide-to-standalone-components-in-angular/

  • ๐‚๐จ๐ฆ๐ฉ๐ข๐ฅ๐ž๐ซ ๐š๐ง๐ ๐ฉ๐ซ๐จ๐ญ๐ž๐œ๐ญ๐ž๐ ๐ฆ๐ž๐ฆ๐›๐ž๐ซ๐ฌ

Vous le savez dรฉjร  mais jusqu'ร  Angular 14, on ne pouvait mettre que des ๐˜ข๐˜ต๐˜ต๐˜ณ๐˜ช๐˜ฃ๐˜ถ๐˜ต๐˜ด de classe public dans les ๐˜ต๐˜ฆ๐˜ฎ๐˜ฑ๐˜ญ๐˜ข๐˜ต๐˜ฆ๐˜ด. On peut dรฉsormais ajouter des attributs ๐ฉ๐ซ๐จ๐ญ๐ž๐œ๐ญ๐ž๐ !

  • ๐“๐ฒ๐ฉ๐ž๐ ๐€๐ง๐ ๐ฎ๐ฅ๐š๐ซ ๐…๐จ๐ซ๐ฆ๐ฌ

Le typage strict des ๐˜™๐˜ฆ๐˜ข๐˜ค๐˜ต๐˜ช๐˜ท๐˜ฆ ๐˜๐˜ฐ๐˜ณ๐˜ฎ๐˜ด arrive enfin !

https://angular.io/guide/typed-forms

  • ๐๐จ๐ง๐ฎ๐ฌ : ๐‚๐ก๐š๐ง๐ ๐ž ๐๐ž๐ญ๐ž๐œ๐ญ๐ข๐จ๐ง ๐›๐ฒ Minko Gechev

En bonus, Minko vous propose de revoir les optimisations que l'on peut faire avec le changement dรฉtection et l'optimisation du runtime.

By the way, Thanks Minko Gechev for your video ! {% embed https://www.youtube.com/watch?v=f8sA-i6gkGQ %}

Vous voulez creuser un peu plus sur les nouveautรฉs ? C'est par ici :

https://blog.angular.io/angular-v14-is-now-available-391a6db736af https://blog.ninja-squad.com/2022/06/02/what-is-new-angular-14.0/ (Merci la Ninja Squad)


Merci d'avoir lu cet article ! J'anime รฉgalement un podcast sur le front-end : https://anchor.fm/front-end-chronicles

ou directement sur spotify pour le dernier รฉpisode : {% embed https://open.spotify.com/show/6bULbbUOCaHwFw4bOKsJTL %}