Rapport de développement de Vue en 2022 [Compilé et partagé]

Depuis sa sortie initiale en 2014, Vue.js a continué de croître en popularité et en nombre d'utilisateurs, devenant un framework mature utilisé par des milliers de développeurs à travers le monde. Voyons comment Vue va évoluer en 2022 !

1. Écosystème Vue

Depuis la sortie de Vue 3, de plus en plus de bibliothèques ont accepté Vue 3 et en ont ajouté la prise en charge, tandis que d'autres bibliothèques développent des versions compatibles. Voici un aperçu de certains des développements passionnants de l’écosystème Vue en 2022. (Partage vidéo d'apprentissage : tutoriel vidéo vue)

(1) Vite

Vite est un nouvel outil de construction pour le développement front-end. La dernière version est la v3.0.0-beta.9. Vite apporte une expérience de développement ultra-rapide et un package de production hautement optimisé. Il est indépendant du framework et tout le monde peut l'utiliser ! Vite est le nouveau choix recommandé tandis que Vue CLI entre en mode maintenance.

(2) Vitest

Vitest est un nouveau framework de tests unitaires alimenté par Vite, la dernière version est la v0.18.0. Vitest apporte une vitesse fulgurante aux tests ultérieurs, ce qui en fait un excellent choix pour les méthodes TDD.

(3) Pinia

Pinia est désormais la bibliothèque de gestion d'état recommandée pour Vue 3. Il introduit des API plus simples, une prise en charge appropriée de TypeScript et bien plus encore, ce qui constitue un grand pas en avant pour l'expérience de développement. Si Vuex est toujours compatible avec Vue 3, il est désormais en mode maintenance.

(4) Volar

Johnson Chu, développeur de l'extension Volar VS Code, a rejoint l'équipe principale de Vue.js. Johnson a publié des versions et des corrections de bugs et travaille à la refactorisation de la base de code interne pour être plus efficace et couvrir davantage de fonctionnalités. Puisque le responsable de l'extension est désormais sponsorisé par Vue, l'avenir de l'outil IDE est encore plus prometteur.

(5) Nuxt 3

L'équipe Nuxt a annoncé que Nuxt v3 sortira cet été, ce qui pourrait être l'une des versions les plus attendues. Il est actuellement au stade de release candidate et est proche de la stabilité.

(6) Vuetify

Pour de nombreuses personnes, Nuxt et Vuetify sont les deux principales choses qui les empêchent de passer de Vue 2 à Vue 3. La dernière version de Vuetify 3 est la version bêta 5, qui se rapproche de la sortie officielle.

(7) VitePress 1

VitePress a récemment publié la version 1.0 alpha 4 et a été utilisé dans la nouvelle documentation Vue. En préparation de la version v1.0, Kia, membre principal de l'équipe, travaille à fournir des API de niveau supérieur aux utilisateurs finaux. VitePress est désormais la solution recommandée pour la génération de sites statiques avec le support de Vue 3. Cependant, les problèmes liés au nom et à la coexistence avec VuePress sont toujours en discussion. En termes simples, VitePress devrait-il remplacer VuePress 3.

(8) Nouvelle documentation Vue

La nouvelle documentation Vue a été publiée, avec une inspection complète et une amélioration de la conception et de l'expérience utilisateur, et l'introduction de nouvelles directives, ainsi que le basculement entre l'API d'options et la fonction API de composition. Cette version présente également un didacticiel interactif qui vous guide à travers toutes les principales fonctionnalités de Vue.

(9) Vue Core

En avril et mai, l'équipe Vue a passé environ un mois à traiter les bogues principaux de la v3, ce qui a abouti à une publication de correctifs à grande échelle (3.2.24 ~ 26), ~ 70 PR fusionnés et environ 140 problèmes résolus.

(10) Version par défaut de Vue

Vue 3 devient officiellement la version par défaut.

2. Vue maintenant et dans le futur

Dans cette section, You Yuxi, l'auteur de Vue.js, résume les changements majeurs de Vue 3, partage les détails du processus de mise à niveau vers la dernière version par défaut, et attend avec impatience l'avenir de Vue.

(1) Qu'est-ce qui a changé dans Vue 3 depuis la dernière mise à jour ?

Nouvelle documentation Vue publiée en février 2022, marquant l'achèvement du processus de lancement progressif. Lorsque Vue 3 est sorti, il ne s'agissait en réalité que d'un noyau, mais au fil du temps, Vue dans son ensemble est devenue un écosystème complet comprenant le routage, la gestion des états, les outils de construction, les outils de développement, les extensions, la prise en charge de l'IDE, etc. Tous ces éléments nécessitent beaucoup d’efforts pour être mis à jour.

Alors maintenant, il existe de nouvelles versions de toutes les bibliothèques et outils. Une toute nouvelle documentation a été publiée, Vuex a été remplacé par Pinia comme dernière bibliothèque de gestion d'état recommandée et l'outil de construction est désormais alimenté par Vite. La nouvelle extension IDE est Volar, qui offre une meilleure prise en charge et une meilleure expérience TypeScript. Des améliorations DX importantes comme <script setup></script> ont également été publiées, et d'autres sont à venir.

(2) Quel impact TypeScript a-t-il sur l'expérience de développement Vue ?

TypeScript est à la hausse, donc tout framework moderne sera conçu en gardant cela à l'esprit. Même sans utiliser TypeScript, Volar tire parti des types Vue et fournit des astuces, éliminant ainsi la charge mentale liée à la nécessité de mémoriser les types de variables. Toutes les inférences et vérifications de types s’appliquent également aux modèles. L'utilisation de TypeScript permet également aux développeurs de repérer plus facilement les erreurs lors de la refactorisation de bases de code volumineuses : l'outil les affichera immédiatement pour que vous puissiez les corriger. Surtout lors du développement de grands projets, l'utilisation de TypeScript avec Vue améliorera considérablement la robustesse de votre code.

(3) Cela fait un an et demi depuis la sortie de Vue 3 jusqu'à ce qu'elle soit devenue la version par défaut. Comment s'est déroulé le processus ?

Pour la version initiale de Vue 3, tout a été réécrit en utilisant TypeScript, mais cela n'a été terminé que lorsque Volar est devenu une extension officielle. La documentation a été complètement révisée et tout a été modifié ou réécrit, et ils sont liés au. API d'options et API de composition utilisées ensemble et pouvant basculer entre elles. En conséquence, l’expérience d’apprentissage et l’expérience quotidienne sont améliorées. Chacun d’eux est un projet distinct, c’est pourquoi l’ensemble du processus a pris si longtemps pour que tout soit enfin prêt. Nous pouvons désormais dire que Vue 3 est prête.

(4) Un processus de transition aussi profond est-il nécessaire ?

Tout n’est pas nécessaire, mais lorsque nous pensons à une mise à niveau, il y a toujours un compromis entre des améliorations incrémentielles de votre base de code existante ou une réécriture radicale. Être basé sur la base de code de Vue 2 et garantir une compatibilité à 100 % vient avec le bagage de nombreuses bibliothèques qui s'appuient sur le comportement interne spécifique de Vue 2. Si nous emportons ce bagage avec nous, cela limitera notre innovation.

Donc, une réécriture massive est la bonne direction pour nous. La situation avec Vue 3 est que certaines choses ont été sacrifiées et certaines bibliothèques cassées à court terme, mais c'est un prix que vous êtes prêt à payer pour vous débarrasser du bagage du passé. Avoir une table rase maintenant portera ses fruits à l’avenir.

Bien que React ou Ember puissent introduire de nouvelles versions de manière presque transparente, cela leur impose une énorme surcharge de maintenance. Ils disposent d’un excellent système pour ajouter lentement de nouvelles fonctionnalités et supprimer progressivement les anciennes, et nous pouvons en tirer des leçons. En fin de compte, il n’existe pas de bonnes réponses absolues en ingénierie. Lorsqu’il s’agit de mise à niveau, il y a des compromis à faire.

(5) Vue peut être utilisé dans tous types d'applications et d'entreprises de différentes tailles. Comment rend-il le framework si polyvalent ?

La version initiale de Vue a été conçue pour abaisser la barrière à l'entrée, en la rendant facile à utiliser et à intégrer dans les systèmes existants, et elle adhère toujours et prend cette approche très au sérieux. Au fil du temps, nous ajouterons progressivement des composants pour prendre en charge des projets plus avancés tels que le routage d'applications sur une seule page, la gestion des états et la prise en charge de TypeScript.

Au départ, de nombreux utilisateurs utilisaient Vue dans des applications plus petites. La base d'utilisateurs de Vue continue de croître à mesure que davantage de fonctionnalités et d'outils deviennent disponibles, mais les utilisateurs d'origine restent et peuvent toujours l'utiliser comme ils le souhaitent. C’est notre secret – couvrir tous les domaines. Ce fut un long voyage depuis 2014, avec de nombreux défis, mais chaque fois que nous ajoutons de nouvelles fonctionnalités, nous essayons de maintenir l'expérience de base de l'utilisation de Vue.

(6) Quels sont les principaux défis auxquels est confronté le front-end ?

Dans le monde du développement Web, il existe toutes sortes d'applications : de simples pages de connexion, des applications entièrement interactives, des tableaux de bord backend et des applications de commerce électronique avec des exigences de performances élevées. D'une manière générale, le défi consiste à équilibrer la productivité des développeurs et les performances de l'application finale. Nous réussissons bien dans la plupart de ces domaines, à l'exception du commerce électronique à forte intensité de contenu.

De nos jours, il y a des nouveautés comme Remix ou Qwik. Beaucoup d’entre eux nécessitent un contrôle depuis le compilateur jusqu’au serveur en passant par le client, qui doivent tous fonctionner ensemble pour fournir une solution entièrement intégrée et optimisée de bout en bout. Vous pouvez toujours écrire du code relativement simple et finalement obtenir les meilleures performances. Ce sera le plus grand défi : quelle solution intègre le mieux ces trois parties ? C'est une direction que nous pouvons explorer en travaillant en étroite collaboration avec l'équipe Nuxt et d'autres acteurs de l'écosystème Vue.

Nous avons besoin de solutions plus verticales capables de gérer à la fois le backend et le frontend et d'arrêter de penser en termes de client pur ou de backend pur.

(7) Dans la perspective des 5 prochaines années, comment voyez-vous Vue ?

Vue est une plateforme en constante évolution. Nous n'aurons probablement pas d'autre mise à niveau de type "Vue 2 vers 3" dans les cinq prochaines années, car Vue 3 est une base suffisamment solide qui peut être étendue sur une longue période de temps. Nous continuerons d’expérimenter des stratégies de compilation car la force de Vue est d’être un système très flexible et réactif.

Nous avons un composant de fichier unique compilé qui peut être compilé en différentes sorties. La sortie peut être modifiée tandis que le code source reste inchangé. Espérons que l’expérience utilisateur reste stable pendant cette période. Du point de vue de l'expérience de développement, nous espérons que cela reste stable, mais l'approche compilée nous permet d'apporter des améliorations significatives en coulisses. C'est notre objectif.

3. Tendance de développement de Vue

Quel est le statut actuel de Vue dans le domaine front-end ? À quelle vitesse Vue se développe-t-il ? Jetons un coup d’œil aux statistiques d’enquête de différentes institutions !

(1) Statista

Vue a gagné 2 places en 2021 par rapport à 2020, se classant 5ème, avec 19 % des personnes interrogées l'ayant choisi.

(2) BuiltWith

En mai 2022, l'utilisation du framework par le million de sites Web les plus performants au monde est la suivante.

(3) NPMtrends

NPMtrends a déclaré que l'utilisation de Vue a connu une croissance constante au cours des cinq dernières années.

(4)SimilarTech

Le nombre de sites Web créés avec Vue a continué de croître régulièrement depuis le début.

(5) Dépendants de GitHub

Le nombre d'applications construites avec Vue a continué de croître depuis 2020, avec une croissance de 46,52 %.

(6) Nombre de questions Stack Overflow

Sur Stack Overflow, les utilisateurs posent de plus en plus de questions Vue.

(7) État de JS

L'utilisation de Vue.js par les développeurs est en augmentation, atteignant 51 % en 2021.

(8) Enquête Stack Overflow

Stack Overflow interroge les utilisateurs chaque année, les interrogeant sur leurs frameworks préférés et les moins préférés. Même si les questions d’enquête disponibles ont été incohérentes au fil des années, les résultats confirment la tendance à la hausse de Vue.

2021 :

2020 :

2019 :

2018 :

(9) JetBrains Survey

En 2021, le rapport « 2021 State of the Developer Ecosystem » publié par JetBrains a montré que la part des utilisateurs de Vue.js est passée de 32 % en 2020 à 43 % en 2021.

(10) Google Trends

En octobre 2020, les recherches des utilisateurs pour tous les frameworks ont chuté, mais depuis lors, Vue est redevenue populaire et revient lentement sur la bonne voie.

【Recommandation de didacticiel vidéo connexe : front-end Web】