Vue.js 3.0 : TypeScript, meilleures performances et modularité
Le 22 septembre 2020 à 08h39
2 min
Logiciel
Logiciel
Version majeure pour Vue.js, la bibliothèque JavaScript se voulant simple d’accès et spécialisée dans la création d’applications web. La mouture 3.0 se focalise sur les performances et apporte de nombreuses améliorations.
L’un des plus gros changements concerne la modularité de la bibliothèque, d’abord à des fins d’évolutivité. Cette réécriture quasi totale entraine un bonus pour les développeurs, qui peuvent maintenant choisir quels modules installer.
Sur le terrain des performances, certaines actions sont nettement plus véloces. Le rendu initial est jusqu’à 55 % plus rapide, les mises à jour jusqu’à 133 % et la consommation mémoire réduite jusqu’à 54 % selon les opérations. De grosses améliorations également pour les modèles, dont la compilation est maintenant décrite comme « agressive ».
Aux côtés de l’API objet de la version 2, on trouve désormais une autre interface nommée Composition. Elle est conçue pour faciliter l’utilisation de Vue.js dans les applications à large déploiement. Elle est basée sur l’API Reactivity, propose une composition et une réutilisation similaires à React, fournit des modèles plus flexibles d’organisation du code et permet une inférence de type plus fiable.
Enfin, Vue.js 3.0 améliore nettement l’intégration de TypeScript. Le langage open source, surensemble de JavaScript créé par Microsoft, sert d’ailleurs de fondation à toutes les nouveautés de cette version.
Le 22 septembre 2020 à 08h39
Commentaires (7)
Vous devez être abonné pour pouvoir commenter.
Déjà abonné ? Se connecter
Abonnez-vousLe 22/09/2020 à 11h52
Je n’ai pas encore développé de “vrai” projet avec Vue, mais son approche moins “lourde” et moins éloignée au niveau de la syntaxe des technos de base HTML/CSS/JS me plaît. Bien que, je lorgne aussi pas mal sur Svelte pour cet aspect. Dur dur de choisir.
Le 22/09/2020 à 13h00
Merci d’avoir fait un article sur cette lib que je trouve géniale et très agréable d’utilisation !
@Ced => je confirme que la légèreté et l’approche non invasive permet de l’utiliser progressivement avec une courbe d’apprentissage rapide. L’écosystème commence à être bien mature. Le mieux reste d’essayer les deux pour te faire ton avis !
Le 22/09/2020 à 13h52
J’utilise presque exclusivement Vue depuis ses toutes premières versions, bien avant que l’on en parle. Pourtant, moi aussi, Svelte me fait sérieusement de l’œil depuis un bout de temps.
Si les librairies de composants étaient un peu plus riches, je pense que j’aurais déjà sauté le pas depuis longtemps.
Le 22/09/2020 à 15h58
Le 23/09/2020 à 06h36
Vue est plus une lib qu’un framework (dans le sens où un framework embarque plein d’outils pour tout un tas de trucs).
Dans le cas présent, vue est orientée “composants graphiques”.
Par rapport à du “simple js” elle permet de créer tes vues (tes pages, découpées en bloc == composants réutilisables dans plusieurs pages) à l’aide de “composants” (des fonctions qui génèrent ton code html/css).
Ça devient vital en entreprise quand tu as plusieurs développeurs. Tu fais une fois un composant que tu peux ensuite paramétrer en fonction du contexte (= comment doit-il agir dans cette page).
Exemple : un bouton. Tu définie sa couleur, taille etc en accord avec la charte graphique du projet et tu rends paramétrable sa fonction “onPress” et son label.
Et ça c’est qu’un léger aperçus des possibilités ^^
Je te conseil un rapide tour de table en 100 secondes
Le 23/09/2020 à 07h03
Le 25/09/2020 à 11h27
À vrai dire, il y a bien une “mécanique de fou derrière” !
C’est le framework qui s’en occupe pour toi.
Une énorme boucle d’événements principale (“event loop”), entre autres mécanismes, est au cœur des principaux frameworks js modernes. Elle est très optimisée par la communauté.
En vuejs le logiciel devient presque déclaratif par moment, ce qui peut s’avérer très pratique.