Retour • 11/11/2024

Faut-il apprendre VueJS ou React ?

Écris par Melvyn Malherbe le 11/11/2024

Faut-il apprendre React ou VueJS en tant que développeur front-end ?

Quel framework choisir et pourquoi ?

Pour répondre à cette question, je vais parler de 4 points importants :

• La popularité
• Les offres d'emploi en France en React et en VueJS
• L'expérience de développement entre React et VueJS

En répondant à ces questions, tu vas être capable de faire un choix éclairé dans ton apprentissage.

VueJS c'est quoi ?

VueJS est un framework développé par Evan You en 2014. C'est un framework JavaScript qui permet de créer des applications interactives comme GitLab, Alibaba ou même Xiaomi.

VueJS est une des seules grosses librairies indépendantes qui n'est pas liée à une entreprise. (Angular est lié à Google, React à Facebook, etc.)

React c'est quoi ?

React est une librairie développée par Facebook en 2013. Elle est rapidement devenue la librairie la plus utilisée au monde pour créer des applications encore maintenant.

Facebook, Netflix, Airbnb ou même Uber utilisent React.

Si tu souhaites apprendre React maintenant, j'ai fait la liste des meilleures formations React ici..

Qui est le plus populaire entre React et VueJS ?

En termes de popularité, React est largement devant depuis plusieurs années :

Graphique qui montre que React est utilisé par 39.5% des développeurs contre 15% pour VueJS

On peut rapidement voir que React est utilisé par 2.6x plus de développeurs dans le monde.

Cependant, ce sondage est basé sur le monde entier, en France c'est encore différent.

Pour comprendre cette différence on va s'intéresser au nombre d'offres d'emploi.

Nombre d'offres d'emploi pour VueJS et React

J'ai pris plusieurs sources et cherché "VueJS" ou "React" pour savoir combien d'offres d'emploi étaient ouvertes en France.

J'ai utilisé les sites suivants :

• WelcomeToTheJungle
• LinkedIn

J'ai récupéré les données pour chacune des plateformes le 12 novembre 2024 :

On peut voir que React possède environ 2.5x plus d'offres d'emploi que VueJS.

En France, VueJS est souvent apprécié pour son aspect "open-source" qui n'est pas lié à une des grosses entreprises tech concurrentes. Aussi, Symphony est très largement utilisé avec VueJS pour ses projets et beaucoup de projets français sont faits avec Symphony. Symphony est d'ailleurs développé en France, VueJS vient du mot français "vue", peut-être un lien. On peut voir que le projet par défaut quand tu utilises Symphony est VueJS.

Développeur expérience entre React et VueJS

DX en anglais signifie Developer Experience et détermine à quel point il est agréable d'utiliser une technologie pour un développeur.

La DX se crée avec plusieurs éléments :

1. La communauté
2. La documentation
3. Les outils

La communauté

La communauté React est tout simplement la plus grosse communauté tech au monde.

Elle rassemble des centaines de milliers de développeurs. Cette communauté vient apporter beaucoup de choses.

Déjà, il va y avoir beaucoup plus de réponses sur StackOverflow :

Tu peux voir que la différence est énorme, presque 4.4x plus de questions sur React que VueJS. On peut dire que c'est car React aurait "plus de problèmes" mais non, il y a surtout une plus grosse demande. Suffit de regarder le nombre de recherches Google pour les deux mots-clés pour voir la même différence d'environ 4x :

Nombre de recherches Google pour React et VueJS

De la même manière, une plus grosse communauté veut dire aussi plus de projets open-source, de librairies npm disponibles pour React que pour VueJS.

La documentation

La documentation des deux librairies a été extrêmement bien faite, avec la nouvelle version de VueJS et la nouvelle documentation de React. Tu vas pouvoir prendre en main les différentes fonctionnalités de React et VueJS en quelques minutes.

Les outils

VueJS et React se présentent différemment, React comme une librairie et VueJS comme un framework. Mais dans les faits, les deux fonctionnent de manière similaire. On peut tous les deux facilement les ajouter à une application existante par exemple en Symphony avec un script et ils fonctionnent les deux de concepts similaires.

La grande différence est de la manière dont ils gèrent le state. React utilise des states qui vont venir re-render tous les composants enfants quand ils sont modifiés. VueJS utilise des reactive qui vont venir re-render uniquement les composants enfants qui ont besoin de ces données. C'est le fameux débat pour savoir s'il faut ajouter des "Signal" à React comme fait Preact ou Solid.

Les deux possèdent un framework Nuxt pour VueJS et NextJS pour React. Les deux vont te permettre de faire :

• Gestion du routing
• Gestion d'API Route
• Un peu de backend

VueJS vient par défaut avec un système de styles géré par composants, de script et de HTML de manière plutôt efficace.

Plateforme

React contrairement à VueJS peut être utilisé pour créer des applications mobiles, des applications desktop, des applications web et même de la 3d. React n'est qu'un outil qui permet de créer des interfaces et il n'est pas fortement lié au web.

VueJS par contre est créé et ne peut qu'être utilisé pour du web (et des applications desktop via Electron ou mobile via des librairies, mais c'est pas vraiment "natif").

Conclusion

Choisis VueJS ou React en fonction de ce que tu aimes. Passe quelque temps sur leur playground ce qui te permet de tester et de voir celui qui te correspond le mieux, ou suis tout simplement un tutoriel des deux. Personnellement je suis un fan de la liberté de la philosophie de React.