Angular 11 est sorti ! - Dev to be curious

Les livraisons avancent à grand pas, et on peut avoir un peu de mal à tout suivre ! Angular était encore il y a quelques mois en version 10, voila que depuis la semaine dernière il est en version 11 !  Voyons ensemble les derniers nouveautés.

Fermeture de bugs bien connus

Que ce soit le bug autour de l’i18n (traduction), celui sur le routerLinkActive ou bien un nommage de route en lazy loading posant problème, la Team Angular a enfin clôturé plusieurs bugs bien connus, et qui étaient non clôturés, pour certains, depuis 2 ans au moins !

Optimisation du chargement initial

Angular 11 continue à optimiser le FCP en préchargeant des fonts par défaut.

Une amélioration notable des logg et des reports de build

Une amélioration du temps de build

L’ajout de nouvelles dépendances promet une amélioration d’exécution de 2 à 4 fois plus que les anciennes versions.
Et avec TypeScript en v4, des temps de compilation encore plus rapide !

Une mise à jour de l’extension Angular Language Services

L’extension est en cours d’amélioration (encore en développement). Le but est d’améliorer la détection des types inférents, du côté vue.

Ajout d’une option pour passer en HMR – Hot Module Replacement

Il suffit maintenant de lancer la commande ng serve –hmr pour passer en mode Hot Module Replacement. Pour rappel, c’est une des fonctionnalités proposées par webpack (et aussi FuseBox).

Pour rappel l’HTML permet, grâce à WebPack ici, de mettre à jour les modules (packages) durant l’exécution, sans faire un rechargement complet des js !

Et une option – Pouvoir tester webpack dans sa version 5

Vous le saviez sans doute, webpack est sorti dans sa version 5 ! (on va vous préparez un article sur les nouveautés / différences).

Vu que Angular utilise webpack pour tout empaqueter, nous avons une option avec Angular 11 pour tester webpack 5 🙂

“resolutions”: {
“webpack”: “5.4.0”
}

Alors vous avez testé angular 11 dans vos projets ?