La version 8.0.0 du framework Angular est publie, une version majeure qui amliore le temps de dmarrage des applications

[ad_1]

angular framwork
En respect de son cycle de publication dune nouvelle version du framework tous les six mois, Google vient dannoncer la sortie de la version 8 dAngular. Comme toute nouvelle version, Angular 8.0 apporte de nouvelles fonctionnalits notamment un chargement diffrentiel de JavaScript, une nouvelle API Builders pour permettre aux dveloppeurs doutils de remplacer le comportement des commandes de la CLI telles que la construction et le test et une rduction de la taille des tlchargements d’archives transitives denviron 60 %.Pour rappel, Angular est un framework ct client open source bas sur TypeScript dirige par l’quipe du projet Angular Google et par une communaut de particuliers et de socits. Angular est une rcriture complte de AngularJS, un framework construit par la mme quipe. Angular n’a pas de notion de porte ou de contrleurs, au lieu de cela il utilise une hirarchie de composants comme principale caractristique architecturale. Angular a une syntaxe d’expression diffrente. Il utilise les ( ) pour la liaison des proprits et les ( ) pour les liaisons dvnements.

La version 7 du framework a t publie en octobre pass avec une varit de nouvelles fonctionnalits et certaines amliorations. Parmi celles-ci, on peut noter lamlioration des performances des applications par lautomatisation de lajout ou du retrait des mtadonnes de rflexion, rduisant ainsi la charge des applications une fois en production ; la documentation CLI a t intgre la documentation principale angular.io ; introduction de la fonctionnalit du glisser/dposer qui permet de crer une interface utilisateur qui peut tre utilise pour glisser, dposer, trier et transfrer des lments librement dans une liste ; lamlioration du routeur pour permettre dsormais linterface CanLoad de contenir UrlSegment pour stocker les URL vers lesquelles un utilisateur va essayer de naviguer et pourra tre redirig ultrieurement.

Dans Angular 8.0 publi cette semaine, Google et la communaut autour du framework ont apport une fois de plus de nouvelles fonctionnalits loutil de dveloppement. Lquipe Angular a apport le chargement diffrentiel de JavaScript comme nouvelle fonctionnalit dans cette version du framework, mais galement la prise en charge de limportation dynamique d’EmcScript pour amliorer le chargement lent des routes, une API Builders pour la CLI, la tlmtrie CLI et le regroupement de WebWorker est maintenant automatique dans la CLI. Notons que la CLI est un outil de ligne de commande permettant de crer des applications Angular. Il est recommand d’utiliser Angular CLI pour crer des applications Angular, car vous n’avez pas besoin de perdre du temps installer et configurer toutes les dpendances requises et tout cbler ensemble. Passons en revue le contenu des fonctionnalits les plus mises en avant dAngular 8.0 par lquipe de dveloppement :

Le chargement diffrentiel de JavaScript moderne

Le chargement diffrentiel est une fonctionnalit du systme de construction de la CLI. Il construit deux versions de votre application. Une version est destine aux navigateurs modernes, avec une taille de paquet JS 10 30 % fois plus petite et moins de polyfill requis. La deuxime version fonctionne dans les navigateurs plus anciens. Au cours de cette opration, ng update apportera des modifications mineures votre application pour permettre tous les navigateurs de tlcharger automatiquement les ensembles les mieux adapts. Cette modification ne ncessite aucune modification d’infrastructure serveur. La modification est active par dfaut via le champ target dfini dans es2015 du fichier tsconfig.json de votre application. Si cette modification interrompt votre application, vous pouvez rtablir la valeur es5, ce qui dsactive le chargement diffrentiel.

La prise en charge de limportation dynamique dEcmaScript

Angular 8.0 apporte la prise en charge de l’importation dynamique EcmaScript avec la fonction import() pour le chargement lent des routes. Cela aligne Angular avec la spcification JavaScript et rend votre application plus compatible avec l’outillage. En faisant ng update, il changera automatiquement la syntaxe de loadChildren en import().

Le regroupement de WebWorker est maintenant automatique

Le regroupement de WebWorker est maintenant automatique dans la CLI. Cela vous permet dcrire facilement du code qui dplace des calculs coteux vers un thread spar et de les regrouper dans un script distinct qui fonctionne dans le navigateur.

La tlmtrie CLI

La tlmtrie CLI est une fonctionnalit d’activation qui vous permet de rapporter des donnes d’utilisation de la CLI l’quipe Angular, ainsi qu’ votre propre compte Google Analytics. Cela nous permet de prendre de meilleures dcisions quant aux fonctionnalits de la CLI prioriser et de mesurer l’impact de nos amliorations.

LAPI Builder

Builder est une nouvelle API de la CLI qui permet aux dveloppeurs doutils de remplacer le comportement des commandes de la CLI telles que la construction et le test. Avant la version 8.0.0, nous ajouterons de la documentation. Dans le cadre de la version 8.0.0, lquipe Angular dit travailler avec des fournisseurs de cloud pour tirer parti dArchitect afin de fournir une nouvelle commande de dploiement. Paralllement Architect, il y aura galement lajout dune nouvelle API Workspace pour les outils devant lire ou crire le fichier angular.json.

Des amliorations sur la migration AngularJS

Si vous utilisez le service $location dans une application AngularJS, Angular fournit dsormais un service LocationUpgradeModule permettant un service de localisation unifi qui dplace les responsabilits du service $location dAngularJS vers le service Location dAngular.

Dautres fonctionnalits dans cette version sont noter dans la note de publication dAngular 8.0. Vous pouvez galement consulter la documentation pour en savoir plus.

Sources : GitHub, Angular

Et vous ?

Que pensez-vous de cette nouvelle version d’Angular ?

Voir aussi

La release candidate 1 d’Angular 7 est disponible, la sortie de la version stable est prvue pour fin octobre

Les Pipes : Guide Complet,Apprendre utiliser des pipes avec Angular 6

La version 5.0 du framework Bootstrap va supprimer jQuery, sa plus grande dpendance ct client pour du pur JavaScript

[ad_2]

Source link

No Responses

Leave a Reply