Fermer

mai 31, 2019

Qu'y a-t-il et pourquoi devriez-vous vous en soucier?

Angular_8_Top


Angular 8 est maintenant disponible. Découvrez certaines de nos nouvelles fonctionnalités préférées, pourquoi nous pensons qu'elles sont importantes et en quoi elles facilitent votre vie de développeur Angular.

Comme vous l'avez sans doute constaté, la version 8 d'Angular est parue cette semaine. La mise à jour concerne le framework, Angular Material et le CLI. Nous sommes toujours impatients de savoir quand une nouvelle version est disponible et nous souhaitons partager quelques-unes des nouvelles fonctionnalités que nous trouvons intéressantes et pourquoi.

Après avoir lu ce document, dites-nous ce que vous pensez? Voulez-vous profiter de cette version majeure?

Chargement différentiel par défaut

Avant la version 8 d’Anngular, afin de vous assurer que votre application était compatible avec la majorité des navigateurs, compilation (ES5 – Le typus compilé et groupé) et polyfills (offrant des fonctionnalités non disponibles dans les anciens navigateurs) ont été utilisés.

Dans Angular 8, le chargement différentiel – ce qui signifie que la CLI crée en fait un paquet moderne et un paquet hérité – est géré par le Interface de ligne de commande angulaire dans le cadre du processus de construction pour le déploiement par défaut.

Selon la documentation, l'interface de ligne de commande angulaire utilise deux configurations de chargement différentiel:

  • Browserslist – Le fichier de configuration Browserslist est inclus dans votre application structure de projet et fournit le nombre minimal de navigateurs pris en charge par votre application. Reportez-vous à la spécification de la liste des navigateurs pour connaître les options de configuration complètes.
  • tsconfig.json – La cible dans les options de compilation du typeScript détermine la version cible ECMAScript utilisée pour la compilation du code. à. Les navigateurs modernes prennent en charge ES2015 de manière native, tandis que ES5 est plus communément utilisé pour prendre en charge les anciens navigateurs.

Remarque: le chargement différentiel est actuellement pris en charge uniquement lorsque vous utilisez es2015 en tant que compilation . Lorsqu'il est utilisé avec des cibles supérieures à es2015, un avertissement est émis pendant la phase de construction.

L'un des principaux avantages du chargement différentiel est que les applications économiseront 7 à 20% de la taille de leur paquet.


 Stephen Fluin [title="StephenFluin"style="float:left;"/><br data-recalc-dims= Stephen Fluin décrit ce processus de manière plus détaillée dans son billet de blog relatif à cette publication.

Chargement paresseux

 Chargement paresseux "title =" Chargement paresseux "/> </strong data-recalc-dims=

Angular prend depuis longtemps en charge le chargement paresseux à l'aide de la touche loadChildren dans le Avec la version 8, l’équipe Angular a migré d’une syntaxe personnalisée intégrée dans la chaîne d’outils Angular à l’importation dynamique standard du secteur, à l’intention des développeurs utilisant VSCode ou WebStorm . , cela fournit une expérience nettement meilleure, car ces éditeurs seront désormais en mesure de comprendre et de valider les importations.

Preview Version of Ivy

 ivy-650 "title =" ivy-650 "/ > </strong data-recalc-dims=

Avec Angular 8, une version préliminaire de Ivy (le pipeline de rendu de nouvelle génération pour Angular) est disponible. L'équipe angulaire recommande toujours qu'il soit utilisé uniquement pour les tests et pas encore pour la production. Cela dit, Ivy a promis de rendre les applications angulaires plus petites et plus rapides.

Support pour les travailleurs Web

 Travailleurs Web "title =" Web Workers "/> </strong data-recalc-dims=

Dans Angular 8, vous pouvez générer de nouveaux travailleurs Web à partir de la CLI, ce qui vous permet d'accélérer l'application si vous effectuez tout type de traitement gourmand en ressources processeur, car il se charge de la tâche en tâche de fond.

Nouvelle API de construction

 API Builders "title =" API Builders "/> </strong data-recalc-dims=

Avec cette nouvelle version, Angular fournit désormais une nouvelle API Builders qui vous permet d'exécuter des processus de construction, de test et de déploiement traditionnels. terminé avec Schematics .

And Much More

Comme mentionné précédemment, il ne s'agit que d'un échantillon de ce qui est inclus dans la version angulaire 8. Nos ingénieurs et nos avocats sont enthousiastes à l'idée de continuer à approfondir toutes les nouvelles fonctionnalités et fonctionnalités qui ont été livrées et vous pouvez vous attendre à voir plus de blogs en profondeur dans les prochaines semaines.

L'équipe Angular a été très transparente sur le fait que cette version est une "évolution, pas une révolution". Nous pensons qu'ils ont tenu leur promesse de manière significative et facilitent la vie des développeurs Angular avec la nouvelle fonctionnalité. Rendre votre comme plus facile est l'un de nos objectifs. À cette fin, nous sommes fiers d’annoncer que l’équipe de Kendo UI pour Angular s’est efforcée d’assurer sa compatibilité avec Angular 8. Ils travaillent toujours sur la compatibilité Ivy et publieront les mises à jour dès qu'elles seront disponibles. Si vous ne possédez pas de licence Kendo UI actuelle, assurez-vous de télécharger votre essai gratuit de 30 jours .

Et n'oubliez pas de partager votre opinion à propos de cette version.




Source link