Quoi de mieux à choisir en 2020 - React ou Vue?

Les frameworks JavaScript sont devenus une partie intégrante de tout projet Web moderne. Il existe de nombreux cadres de ce type, par conséquent, les développeurs doivent constamment se demander quoi choisir. Pour trouver la réponse à cette question devra le faire en 2020.


Si vous lisez ceci, vous pouvez supposer que vous êtes occupé à rechercher un cadre qui deviendra la base de votre prochaine application. Il est possible que vous vous concentriez sur les technologies de pointe et que vous réfléchissiez à ce qui vous convient le mieux - la bibliothèque React ou le cadre Vue. Il s'agit d'un dilemme difficile, mais il est toujours nécessaire de le résoudre. Voici quelques questions courantes posées par ceux qui choisissent entre React et Vue:

• Quel est le meilleur pour mon prochain projet?
• Quel framework a les performances les plus élevées?
• Qu'est-ce qui est le plus populaire parmi les développeurs?
• Quel est le meilleur pour les petites applications Web?
• Lequel des cadres est le plus fiable?

L'auteur du document, dont nous publions aujourd'hui la traduction, espère que les réponses à ces questions aideront à faire le bon choix. Cet article se concentre sur la comparaison de React et Vue pour aider les développeurs à décider du choix du framework frontend pour les projets Web 2020.

Popularité

Dans le monde JavaScript, de nouveaux cadres et bibliothèques apparaissent presque tous les jours. En fait, c'est un processus presque continu, au cours duquel les favoris changent littéralement tous les quelques mois.

Jetez un œil aux données 2019 et découvrez - qui est plus populaire - React ou Vue.

Voici les informations de Google Trends . Voici quelques graphiques illustrant la popularité de React, Vue et Angular. Il est facile de voir que React est nettement en avance sur Vue.


La popularité de React, Vue et Angular

Passons maintenant aux résultats de l'étude Stack Overflow. React est en tête de liste des frameworks que les développeurs préfèrent. Et Vue n'est qu'un peu en retard. Vue, depuis sa sortie en 2014, a gagné en popularité en peu de temps.


Résultats de l'étude de dépassement de la pile

L'histoire

Parlons de l'histoire et du contexte de React et Vue.

▍Vue

Ce framework JS a été créé en 2014 par Evan Yu, un ancien employé de Google. Il n'y a aucun géant de la technologie derrière Vue. La dernière version de Vue (2.6.10) a été publiée le 20 mars 2019.

Depuis l'avènement de Vue, seulement 5 ans se sont écoulés. Cela fait de ce cadre le développement le plus récent parmi les systèmes de ce niveau. Parmi les grandes entreprises utilisant Vue, Alibaba et GitLab peuvent être notées. Une des caractéristiques de Vue est le fait qu'il retrace la confusion des capacités de certains autres frameworks JS réussis.

▍ Réagir

React est une bibliothèque JavaScript qui a été créée non pas par un programmeur indépendant, mais par une énorme entreprise. Il s'agit de Facebook. L'une des principales raisons de la création de React était la volonté de l'entreprise d'améliorer les mécanismes de création d'interfaces. Cette bibliothèque a été développée lorsque Facebook a rencontré des problèmes concernant le développement et le support du projet.

La bibliothèque React est connue comme un outil puissant pour créer des interfaces utilisateur dynamiques et interactives. Le 6 mai 2019 a publié la dernière version de React (16.8.6). Cette bibliothèque est utilisée pour développer des interfaces dans de nombreuses entreprises bien connues. Parmi eux - BBC, Instagram, WhatsApp.

Performances

Des modifications sont apportées à l'interface d'application en modifiant le modèle d'objet de document (DOM). Il existe des concepts comme le DOM virtuel et le DOM réel. Les performances des outils JavaScript pour développer des interfaces dépendent sérieusement de l'organisation du processus DOM.


DOM virtuel et DOM réel

▍ Réagir

React utilise un DOM virtuel, un système léger et indépendant du navigateur. L'une des principales raisons de la popularité de React est que cette bibliothèque fonctionne très efficacement avec le DOM.

▍Vue

Vue utilise également un DOM virtuel, mais, par rapport à React, Vue a des performances et une stabilité supérieures.

Soutien communautaire

Les communautés qui se forment autour des technologies affectent sérieusement leur développement et leur diffusion. En particulier, les membres de la communauté peuvent aider les principaux développeurs de technologies; ils créent différents modules complémentaires; ils aident les débutants.

▍ Réagir

Le support et le développement de la bibliothèque React elle-même sont gérés par Facebook. Cela donne à ceux qui choisissent cette bibliothèque comme base de l'interface de leur application un niveau de confiance assez élevé que React ne se transformera pas dans un proche avenir en un projet abandonné par tout le monde. La communauté des développeurs React a créé et prend en charge de nombreux outils supplémentaires.

▍Vue

Vue est un projet dont les origines sont une personne ordinaire, pas une grande entreprise. En conséquence, pour la première fois après l'apparition de ce framework, il ne semblait pas particulièrement fiable aux yeux des développeurs. Cependant, après un certain temps, Vue est devenu extrêmement populaire, de nombreux programmeurs contribuent à son développement. En fait, on peut dire que c'est la communauté des développeurs de Vue qui est la force qui soutient le projet.

La taille

Si nous considérons que la question de la taille est très simpliste, nous pouvons dire que React est légèrement plus grand que Vue. La taille de React est d'environ 100 Ko, la taille de Vue est d'environ 80 Ko. La taille du code JS est un indicateur très important qui a un fort impact sur les performances des projets Web. Plus il est petit, mieux c'est, bien sûr.

Cependant, il convient de noter ici que React, pour implémenter certaines fonctionnalités, a besoin de bibliothèques tierces. L'une de ces fonctionnalités est le routage. Vue, d'autre part, est un projet avec un ensemble plus étendu de fonctionnalités standard, bien que vous ne puissiez pas vous passer de modules complémentaires lorsque vous travaillez avec Vue. Et React et Vue, néanmoins, sont de taille assez modeste, ce qui les rend tout à fait adaptés au développement de petites applications.

Exemples d'utilisation

Avant de choisir une technologie pour le prochain projet, les programmeurs et les gestionnaires sont généralement intéressés par les projets existants auxquels cette technologie est déjà appliquée. Si nous parlons de la base de React et Vue, de JavaScript et d'autres technologies Web, nous pouvons dire que tout cela est utilisé dans d'innombrables entreprises. Si nous regardons des exemples spécifiques d'utilisation de React et Vue, nous pouvons distinguer, par exemple, les sociétés suivantes.

▍ Réagir

• Facebook - comme déjà mentionné, cette société a créé et soutient React et, en outre, utilise activement cette bibliothèque.
• Twitter est une plateforme axée sur la publication de courts messages.
• Instagram - sur cette plateforme, l'accent est mis sur la publication d'images.
• Whatsapp est un messager populaire.

▍Vue

• GitLab est un projet qui aide les développeurs à créer des programmes en collaboration.
• 9Gag est un projet connu pour les mèmes et autres matériaux similaires.
• Nintendo est un développeur de jeux.
• Grammaire est un service de vérification grammaticale.

Courbe d'apprentissage

La courbe d'apprentissage est une représentation graphique de l'évolution de la vitesse d'apprentissage d'une connaissance ou d'un type d'activité particulier. Dans notre cas, nous parlons de la vitesse de développement de React et Vue. Vue est connu pour être plus facile à apprendre que React.

Lors de la réalisation d'une étude StateOfJS, les répondants devaient répondre à diverses questions sur les cadres. Voici les résultats de l'enquête pour React, Vue et Angular.


React, Vue et Angular Survey Results

C'est le sens de la mise en évidence des couleurs de fragments de diagrammes.


Codage couleur des réponses aux questions. De haut en bas: «Je n'en ai jamais entendu parler», «J'ai entendu, mais ça ne m'intéresse pas», «J'ai entendu, j'aimerais étudier», «Je l'ai utilisé, je ne le réutiliserai plus», «Je l'ai utilisé, je le réutiliserai».

Comme vous pouvez le voir, de nombreux utilisateurs de React prévoient d'utiliser à nouveau cette bibliothèque. De nombreux programmeurs sont intéressés à apprendre React. Si nous parlons de Vue, on peut noter que le taux d'utilisation de ce framework n'est pas aussi élevé que celui de React, et l'indicateur indiquant l'intérêt pour l'apprentissage dépasse celui de React. Cela suggère que Vue est un framework que beaucoup veulent essayer. Par conséquent, étant donné que Vue est plus facile à apprendre, on peut s'attendre à ce que le nombre de personnes qui utilisent Vue et prévoient de l'utiliser à nouveau augmente à l'avenir.

Flexibilité

▍ Réagir

Le noyau React ne fournit que des fonctionnalités de base. Avec l'utilisation pratique de cette bibliothèque, ses capacités doivent être étendues. Cela donne au développeur un énorme niveau de flexibilité en termes de choix d'outils supplémentaires. Il existe des outils pour développer des interfaces dont les idées intégrées peuvent être considérées directement opposées à celles intégrées dans React. Par exemple, il s'agit d'Angular, un framework qui comprend de nombreux outils standard. De plus, il s'agit d'un ensemble d'outils prêts à l'emploi qui fonctionnent bien ensemble. L'inconvénient est le manque de flexibilité dans le choix des outils fournis par React.

Si nous parlons de tâches spécifiques qui peuvent être résolues à l'aide de bibliothèques supplémentaires utilisées avec React, nous pouvons noter ici, par exemple, le routage, la gestion de l'état des applications, le rendu du serveur, le développement d'applications pour les appareils mobiles.

▍Vue

Vue, contrairement à React, fournit au développeur un ensemble plus étendu d'outils standard qui peuvent résoudre les mêmes problèmes qui sont généralement résolus dans l'écosystème React à l'aide de bibliothèques tierces.

▍ Résultats

Si nous rassemblons tout ce dont nous venons de parler, nous pouvons tirer les conclusions suivantes:

• React est plus populaire que Vue.
• React bénéficie du soutien d'une grande entreprise, contrairement à Vue.
• React donne au développeur un niveau de flexibilité plus élevé.
• La taille de la vue est inférieure à la taille de React.

Nous espérons que ce que vous lirez aujourd'hui élargira vos connaissances sur React et Vue et vous aidera à faire le bon choix.

Chers lecteurs! Si vous avez récemment participé à la sélection d'un cadre pour votre prochain projet Web, veuillez nous dire ce que vous avez choisi et pourquoi.