Fermer

février 26, 2019

Préparez-vous pour Opt-In IVY Preview5 minutes de lecture

Angular


L’équipe angulaire ayant annoncé Angular 8.0 plus tôt ce mois-ci, nous voulions donner un bref aperçu des fonctionnalités de la prochaine version grand angulaire et fournir une compréhension de base d’IVY.

With Angular La version 8.0 devrait être disponible au cours du deuxième trimestre de de cette année. Voyons quelques-unes des principales fonctionnalités incluses dans cette version.

Aperçu d’opt-in IVY

Depuis le début du mois, IVY s’intéresse à IVY. cela a été annoncé et expliqué lors de Google I / O 2018 par Kara Erickson, qui dirige actuellement l'avenir d'angular.

IVY en mots simples

Beaucoup de gens parlent d'IVY, mais beaucoup de développeurs ne le font pas. Savoir ce qu'est IVY. Ceci devrait servir d’aperçu de base sur IVY angulaire et aider les gens à comprendre pourquoi il est si important.

IVY est une initiative visant à créer un pipeline de rendu de nouvelle génération pour Angular. Pour cela, l’équipe Angular est en train de réécrire le code qui traduit le modèle angulaire à tout ce que nous avons rendu dans le navigateur. Il utilise le DOM incrémental.

Incrémental DOM signifie que chaque composant est compilé avec une série d'instructions qui créent l'arborescence DOM et les met à jour lorsque les données changent.


 Angular

Source: ngConf-2018 keynote [19659011] Google utilise gentiment les DOM incrémentaux et, si vous souhaitez en savoir plus, consultez ici et ici .

Une fois prêt, vous devriez avoir Angular. applications plus petites, plus rapides et plus simples, le tout sans aucune modification de votre application existante. L’équipe Angular teste actuellement les modifications d’IVY avec les quelque 600 applications de Google.

Il existe principalement deux concepts clés pour IVY

  • Tree Shakable: supprimez le code inutilisé de sorte que l’application ne prête que l’attention au code qu’elle utilise. paquet plus petit et temps d'exécution plus court
  • Local: Recompilez uniquement les composants que nous modifions, ce qui permet une compilation plus rapide

Les avantages de Angular IVY (selon l'équipe Angular)

  • Un code généré plus facile à lire et à déboguer au moment de l'exécution
  • Constructions plus petites
  • Envoi de code pré-compilé
  • Temps de reconstruction accéléré
  • Taille de la charge utile améliorée
  • Vérification du type de modèle améliorée
  • Excellente compatibilité avec les versions antérieures
  • Rise of meta Programmation en angulaire (nouvelles modifications sans modification de dernière minute)
  • Pas besoin de metadata.json

Résultats rapides

La ​​taille du paquet d’applications angulaires "Hello, World" sans IVY est de 36 Ko et de 2,7 Ko. . C'est une énorme amélioration – une réduction de 93% (donc moins importante).

Le temps de chargement "Bonjour le monde" sans IVY est de 4 secondes, et avec IVY de 2,2 secondes. C'est encore une autre réduction importante – une réduction globale de 45% (donc plus rapide).

Nous savons maintenant pourquoi IVY est un projet si important pour l'équipe Angular et la bonne nouvelle est que nous pourrons en créer un aperçu avec Angular 8. et fournissez des commentaires pour que le résultat final soit très agréable.

Aperçu opt-in

Avec Angular 8, nous pourrons basculer entre IVY et la version normale du moteur View. Actuellement, nous n’avons pas de moyens simples de le faire, mais l’équipe Angular donnera plus de détails à ce sujet prochainement. Je vous invite à essayer IVY et, si vous rencontrez des problèmes, contactez l’équipe Angular afin qu’elle puisse améliorer la version finale d’IVY.

Compatibilité avec les versions antérieures

Avec Angular 8, la mise à niveau pour les grandes applications seront plus simples. Il sera plus facile de passer à Angular en permettant le chargement paresseux de parties d’applications AngularJS à l’aide des API $ route.

Serveur différentiel pour JavaScript moderne

À partir de Angular 8, il existera des bundles distincts pour les bundles hérités (ES5) et Ensembles JavaScript modernes (ES2015 +), qui entraîneront un temps de chargement plus rapide et un temps de navigation (TTI) plus rapide pour les navigateurs modernes.

Ce projet appartenait à l'origine à ngx-build-modern .

Certaines de ces fonctionnalités sont les suivantes:

  • Créer des ensembles optimisés pour les navigateurs modernes
  • Créer des ensembles hérités pour des navigateurs plus anciens
  • Amener le navigateur à charger le bon ensemble d'ensembles
  • Automatiser tout cela en fournissant une extension CLI

Partage d'utilisation opt-in

À partir de Angular 8.0, une télémétrie à opt-in sera disponible dans CLI et Angular commencera à collecter des informations anonymes sur des éléments tels que les commandes utilisées et la vitesse de compilation (si vous les autorisez à le faire). alors). L'équipe Angular utilisera ensuite ces données pour créer des fonctionnalités plus impressionnantes.

Outre ces fonctionnalités, il existe d'autres fonctionnalités telles que:

  • Mise à jour des dépendances sur les outils, tels que Typescript, RxJs, Node, etc.
  • Améliorée web worker building, ce qui augmentera la vitesse et la capacité de parallélisme de votre application.

Angular 8.0 paraîtra quelque part en avril / mai 2019 et IVY sera publié avec Angular 9.0.

Pour plus d'informations sur la création d'applications avec Angular

Consultez notre page Toutes choses angulaires qui contient un large éventail d’informations et de pointeurs menant à l’information angulaire – des sujets d'actualité aux dernières actualités, en passant par la création d'une présentation convaincante. UI.


Les commentaires sont désactivés en mode Aperçu.



Source link