SORTIE ANGULAR 8

Le cycle régulier de publication d’Angular qui prévoit une nouvelle version majeure tous les six mois arrive à son terme. Avec Angular 7 sortie en octobre 2018 Angular 8 devrait sortir courant mai 2019 si tout va bien !


🚀 Go To The Moon : Pour Rappel nous proposons une formation Angular complète sur 5 jours avec un module avancé exclusif !

COMMENT METTRE À JOUR VOTRE PROJET ANGULAR EN V8 ?

Comme à chaque mise à jour d’Angular Google assure la rétrocompatibilité des applications pour cela nous vous conseillons d’aller voir du côté du site officiel update.angular.io pour obtenir des informations détaillées et des conseils sur la mise à jour de votre web application. Si vos applications sont sous la version la plus récente d’Angular 7.2

L’exécution de ces commandes vous permettra une mise a jour rapide et efficace vers Angular 8 :

1
 ng update @angular/cli @angular/core

1
npm install -g rxjs-tslint

1
rxjs-5-to-6-migrate -p src/tsconfig.app.json

INTEGRATION DE IVY

La principale d’innovation d’Angular 8 sera l’intégration partielle de la bibliothèque IVY.
Avec Opt-in Ivy Aperçu obtenez un aperçu du fonctionnement de votre application avec Ivy

La bibliothèque IVY propose 2 concepts fondateurs :

Tree Shakable : Supprimez le code inutilisé pour que votre application ne prête attention qu’au code qu’elle utilise réellement, d’où un bundle plus petit et un temps d’exécution plus rapide.

Local : Recompilez uniquement les composants que nous modifions, ce qui accélère la compilation.

Ces concepts devraient rendre les applications Angular plus légères, plus rapides et plus simples, le tout sans modification de votre application existante. Ivy n’étant pas disponible en version complète dans Angular 8 voici les :

Nouveautés Ivy présentées dans Angular 8

  • Code généré plus facile à lire et à déboguer au moment de l’exécution
  • Temps de reconstruction plus rapide
  • Amélioration de la taille des composants (les applications du monde réel devraient voir certaines améliorations)
  • Amélioration de la vérification du type de modèle
  • Excellente compatibilité en amont

Chargement différentiel de JavaScript moderne

La CLI commencera à produire des ensembles JavaScript hérités (ES5) et modernes (ES2015+) dans le cadre du processus de construction, qui seront chargés de façon différentielle côté client afin d’améliorer la vitesse de chargement et le temps d’interaction (TTI) pour les navigateurs modernes. Ce travail est basé sur et construit en collaboration avec Manfred Steyer et son projet ngx-build-modern.

Compatibilité descendante du routeur : Angular Router

Angular 8 ajoute un mode de compatibilité ascendante qui simplifie le chemin de mise à niveau pour les grands projets. Il sera plus facile pour les équipes de passer à Angular en permettant le chargement tardif (LazyLoading) de certaines parties d’applications AngularJS à l’aide de

1
$routeApi
.

Partage d’utilisation opt-in

Pour avoir les uns maximum information sur les besoins de la communauté Angular. Google ajoute la télémétrie et une demande d’adhésion volontaire à la interface de ligne de commande. Avec notre consentement, il y aura une collecte des informations de façon anonymes sur des éléments tels que les commandes utilisées et la vitesse d’exécution.

Mise à jour des Dépendances

Comme toujours, l’équipe a mis à jour les dépendances et les outils tels que :

  • Prise en charge de TypeScript 3.3 . La prise en charge de TypeScript 3.1 et TypeScript 3.2 sera supprimée.
  • RxJS et Node pour rester synchronisés avec le reste de l’écosystème.

Conclusion : Du solide mais sans révolution

La version Angular bien que très attendu peut être vu comme une version transitoire entre Angular 7 et 9, la présentation de la bibliothèque IVY permettra aux concepteurs un premier retour sur l’utilisation de IVY.

Les versions candidates récemment sorties porter également un certain nombre de corrections de bug pour l’outil de compilation Bazel ainsi qu’un correctif pour le compilateur, ce qui corrige un plantage dû à isSkipSelf of null.

Ces correctifs seront surement présents dans la version stable de Angular 8

La mise à niveau vers Angular 8 vous permettra de vous assurer que vos applications sont prêtes pour Ivy. Bien qu’Ivy ne soit qu’un aperçu optionnel dans Angular 8, il est maintenant temps de vérifier la compatibilité de Ivy. Si vos applications doivent être modifiées, il vaut mieux vérifier immédiatement que d’attendre que vos applications ne fonctionnent plus sous Angular 9 ou 10 lorsque Ivy deviendra la valeur par défaut et que l’ancien moteur de vue d’Angular sera supprimé.