VueJs Amsterdam 2019 Résumé de l'expérience et des discussions (partie 2)

VueJs Amsterdam est l’une des plus grandes conférences Vue. Il comprend un jour de FrontEndDeveloperLove et deux jours de discussion avec Vue. Dans la deuxième partie de cette série, apprenez-en davantage sur l'événement et sur les excellents orateurs présentés.

Il s'agit de la deuxième partie d'une série récapitulant la conférence – voir la première partie du récapitulatif ici . .

Après le grand discours de Johannes sur l’avenir des logiciels JavaScript (Ed Note: mentionné à la fin de le dernier message ), le prochain était Sean Larkin avec l’introduction «Nouvelles fonctionnalités de Webpack 5. «C’était l’une des conférences que je voulais voir, car j’utilise Webpack quotidiennement. À ma grande déception, la conférence de Sean a été sautée et le prochain orateur annoncé. Heureusement, Sean a présenté son discours, mais un peu plus tard. Par conséquent, le prochain orateur après Johannes était Elena avec «Élégance du mouvement avec des animations angulaires réactives».

Élégance du mouvement avec des animations angulaires réactives – Elena Gancheva

Animation Love Button

https://stackblitz.com/edit/angular-love-button

Animation de progression

https://stackblitz.com/edit/angular-progression-animation

L'exemple suivant est une animation de progression. Il transforme un bouton en une ligne indiquant l’état de la progression. Il peut être utilisé pour informer l'utilisateur que quelque chose se passe en arrière-plan et combien de temps il faut encore pour qu'une action soit terminée.

Animation réutilisable

https://stackblitz.com/edit/angular-james

Nouvelles fonctionnalités de Webpack 5 – Sean Larkin

Faster Builds

Webpack utilise un système de plug-in pour étendre les fonctionnalités. Comme Sean l'a expliqué, la prochaine version sera une mise à jour ennuyeuse, car elle n'entraînera aucune modification majeure pour les utilisateurs. La plupart des modifications sont internes, mais ce qui est intéressant, c’est que les temps de construction seront jusqu’à 98% plus rapides. Il s'agit d'une amélioration extrême par rapport à Webpack 4, en particulier pour les grands projets. C'est possible grâce à un nouvel algorithme de mise en cache qui sera introduit dans la prochaine version.

Fonctionnalités obsolètes

Parmi les autres modifications apportées à Webpack, citons la suppression des fonctionnalités obsolètes dans Webpack 5. Cette modification peut affecter les rédacteurs de plug-in, et lors de la mise à niveau vers Dans une version plus récente, il est important de s’assurer que les fonctionnalités obsolètes ne sont pas utilisées.

En tant que développeur qui utilise Webpack dans presque tous les projets, j’attends avec impatience la prochaine version, car je peux dire par l’expérience que les versions de production peuvent prendre un certain temps.

Microfrontends – Luca Mezzalira & Max Gallo

Composants Web avec Angular – Ana Cidre & Sherry List

L'exposé d'Ana et Sherry sur l'explication des composants Web et de la manière dont ils peuvent être utilisé dans une application angulaire. Les composants Web sont des fonctionnalités très intéressantes, car ils permettent de créer des éléments personnalisés réutilisables et compatibles avec le cadre, qui peuvent être importés et utilisés directement dans des fichiers HTML.

https://custom-elements-everywhere.com/ .

https://caniuse.com/#search=web components .

Kendo UI pour Vue notre complète Bibliothèque de composants d'interface utilisateur qui vous permet de créer rapidement des applications réactives de haute qualité, comprenant tous les composants dont vous avez besoin, des grilles et des graphiques aux planificateurs et aux cadrans.

---