REACT VS VUE.JS ! QUEL LIBRARY FRONTEND CHOISIR EN 2024 ?

➡️ Reçois les news de BeginReact : codelynx.dev/beginreact/subsc...
Rejoins le lynx club : codelynx.dev/emails
00:00 - Introduction
01:37 - La communauté
05:30 - L'expérience développeur
12:24 - La technique
17:41 - La demande en entreprise
19:34 - Lequel choisir ?
21:46 - Je te dis bye !
N’hésite pas à proposer le sujet de la prochaine vidéo en commentaire.
▶ VIDÉO
Il existe 5 grands outils pour faire des screenshots. Dans cette vidéo on va tous les découvrir avec un skill légendaire !
Part sur de bonnes bases !
▶ ME SUIVRE
🐦 Mon Twitter : / melvynxdev
🖥 Mon GitHub : github.com/Melvynx
📑 Mon Blog : codelynx.dev
💌 Ma Newsletter : melvynx.com/emails
▶ QUI SUIS-JE ?
Je m'appelle Melvyn et je suis passionné par le développement depuis mes 14 ans.
J'ai commencé par le développement WEB, avec HTML / CSS. J'ai ensuite créé un petit backend en PHP.
J'ai la chance de pouvoir gagner ma vie grâce à ma passion depuis maintenant 3 ans. En dehors de ça, j'ai eu l'occasion de réaliser différents sites web pour plusieurs petits projets.
Je veux partager ma passion avec toi et te permettre de ressentir les mêmes émotions incroyables que procure l'apprentissage du dev, c'est pourquoi je serais extrêmement heureux que mes mails t'aident à prendre la bonne voie. J'y consacre plusieurs heures par semaines et je suis fière que tu participe à la communauté de CodeLynx.
20/09/2022
Pas de music, yolo
#javascript #developper #react #reactjs #reactjstutorial #reactjsdeveloper #reactjscourse #reactjsforbeginners #reactjsproject

[@wisdom6739]

Alors là chapeau ! J'ai pu savourer ce moment d'impartialité et de vrai information objective, permettant de faire un choix éclairé !

[@melvynxdev]

Un grand merci poru ton commentiare, c'était mon but !

[@winston777ar]

Tes vidéos sont vraiment tops !

[@melvynxdev]

Merci ❤️

[@francktiomela3002]

Merci pour ton contenu. ça me rassure sur mon choix 😅 React JS je kiff grave 🙃

[@melvynxdev]

Ahah tu fais bien !

[@BrewalRenault]

Bonne vidéo ! Ca a plus ou moins été dit dans d'autres commentaires, mais en effet Vue3 avec composition API, le hook "setup" + "", on a une grande liberté comparée à l'option API qui est peu à peu délaissée par la communauté. On a du code hyper clair un peu à la Svelte et très peu verbeux. Pour l'apprentissage des directives dans les templates, c'est vrai qu'il faut les apprendre par contre. Cependant, quand on veut faire du full JS pour des cas "complexes", on peut quand même le faire avec des Render Functions & JSX. Côté communauté, emploi, libraries, etc. React est clairement au dessus c'est indiscutable :D

[@jonathanrosado5818]

Pour nuancer quelques points: Même si au niveau mondial React est clairement leader, au niveau français il y a quand même un certain équilibre entre les 3 gros frameworks front (React, Vue et Angular). Je crois que les parts de marchés sur du framework JS en France sont de l'ordre de 40% React, 30% Vue et 30% Angular Niveau richesse écosystème, je pense qu'on atteint rapidement un point où le nombre de packages n'est plus significatif: tu n'as pas besoin d'installer 60000 packages dans ton projet Vue couvre largement tous les usages que tu peux rencontrer pour du web, en 4 ans de dev sur Vue, je me suis jamais senti limité par le framework Je pense aussi qu'il y a moins de packages parce que le framework Vue est déjà bien fourni, pas besoin de réinventer 10 librairies de router, de gestion de state, de styled components ou quoi quand ce qui vient par défaut est déjà plutôt bien foutu Pour ce qui est de la syntaxe, d'autres commentaires l'ont déjà dit mais effectivement la syntaxe composition en Vue est nettement plus sympa que la syntaxe option API que tu as présenté. L'option API tend à produire du code "lasagne", qui regroupe le code par couche de ce qu'ils sont (les fonctions avec les fonctions, les data avec les data) plutôt que par groupe de logique. En soit, l'option API est limitante mais ça limite les dégâts si t'as une équipe de développeurs inexpérimentés qui savent pas trop organiser leur code. La composition API te rend cette liberté mais demande de l'expérience et de la rigueur. Ce que j'aime bien dans React, c'est que c'est la librairie qui drive l'écosystème front avec des nouveaux concepts: ex nuance entre serveur state et client grâce à React Query (qu'on a récupéré en Vue hehe), les hooks qui ont été adaptés en Vue sous le nom de composables, etc

[@aurelienpops5684]

Vidéo toujours au top, très informative ! Même s'il manque la petite musique de fond ? 😁 Pourrais-tu faire une vidéo concernant les librairies react que tu conseilles pour le routing ? Et pourquoi pas une petite demo de son utilisation ?

[@melvynxdev]

Ahaha c'est un sujet complexe mais oui

[@R.e.n.e]

par contre tes codes vue peux être mieux gérer grâce à la composition api(basse un peu sur le fonctionnement de react avec les hook) sinon très bonne vidéo : exemple pour déclarer un état c est: const variable = ref(truc stocker dans le states)

[@melvynxdev]

Oui mais j'ai trouvé peu de codeexemple la dessus

[@christopherequin]

Sur pas mal de trucs je suis pas d'accord. La courbe d'apprentissage, si on fait que du hook en un we on peut commencer à s'amuser à faire des trucs sympa. Avec vuejs il faut se bouffer la doc, il y a bcp plus de choses à connaitre avant de faire un truc sympa. Je fais du vuejs au taf et franchement je préfère 10000 fois react, c'est tellement plus souple, lisible et je trouve que tu code bcp plus vite. Et puis l'écosystème est juste trop bien, il y a tellement le choix. Je déteste par exemple le double binding et le système d'emiter. A choisir je préfère svelte à vuejs.

[@melvynxdev]

Alors j'ai essayé d'être pas trop "pro react" (ce que je suis) j'ai donc pris les arguments des deux parties, mais je te rejoins

[@R.e.n.e]

Petite info aujourd'hui vueX est de moins en moins utilisée contrairement a pinia ( et pour de vrai vue-router etc.. sont des trucs communautaire mais elle sont souvent approuver par les équipes de vue qui font des commits)

[@melvynxdev]

Ok merci beaucoup d'info !

[@melchisedeckbobotsali4163]

Salut, moi j'ai connu les 2 frameworks et finally j'ai choisi vuejs, parce qu'avec vuejs surtout pour sa version 3, y'a plus comparaison. Avec vuejs +pinia , on ne peut plus avoir plus simple que ça, merci qd même.

[@melvynxdev]

Oui VueJS je dirait go Svelte mais c'est mon avis!

[@tyaho83]

Idem vue3 permets vraiment de monter un projet complexe très "facilement"

[@birladotech9706]

Que pense tu des states management recoil, zustand, jotai,redux etc

[@melvynxdev]

Une vidéo arrive bientôt sur ce sujet, abon toi hein

[@jeandarius8791]

Merci pour cette vidéo enrichissante. Pour un débutant il faut combien de temps pour apprendre les bases et "maîtriser" l'un de ces framework?

[@R.e.n.e]

Ca depend des tes bases en js ou en typescript. Si tu maîtrise les bases ça prend moins d'un mois.

[@jeandarius8791]

Merci pour l'info

[@melvynxdev]

ça dépend qui tu écoutes, si tu rejoins BeginReact ça sera rapide

[@melvynxdev]

codelynx.dev/beginreact/subscribe

[@ThibautLefebvre]

avec React, tu as nextJS qui est vraiment bien !

[@melvynxdev]

Oui mais il y a Nuxt pour vue

[@yanDev]

Bonjour, Je me permet de répondre même si ce post à déjà deux mois. J'aime beaucoup tes vidéos et je t'en remercie car elle m'aide beaucoup dans mon apprentissage de React! En revanche je me permet de te dire que tu as une mauvaise connaissance de Vue. La version vue de 2 utilisait de l'option API qui aboutissait à une syntaxe très lourde et rendait difficile l'emploi du Vue pour de très gros projets et la il n'y avait pas photo avec React qui était largement meilleur. En revanche depuis la version 3 et l'introduction de la composition API la donne à totalement changé, il n'y a plus du tout cette lourdeur de syntaxe et on peut très facilement découper son code en utilisant des composables pour ne pas charger ses composants avec trop de code logique, ce qui permet d'avoir une bien meilleur scalabilité et donc utiliser Vue pour te très gros projets sans problème. Très objectivement, un projet fait en React aujourd'hui tu peux le faire en Vue sans aucun problème ce qui je le répète, n'était pas forcément le cas avec Vue 2. Vue à l'avantage d'être beaucoup plus simple à apprendre notamment dans la gestion du state que l'on peut modifier directement, la notion de Hooks pour modifier le state n'existe pas du tout ( seulement la notion de Life cycle hook pour la gestion du cycle de vie des composants). Dans l'absolue pour un débutant total, il est bien de commencer par Vue comme premier Framework et ensuite passer à React (c'est le chemin que je suis en train de suivre) la "pente" d'apprentissage de ce dernier est moins raide et cela permet d'avoir deux cordes à son arc. De même pour Nuxt 3 ( qui est l'équivalent d'un Next pour React) ce framework full stack est génial et permet de faire des applications complètes avec gestion du SSR( notamment) sans aucun problème. En résumé, React propose beaucoup plus d'offres d'emplois que Vue, c'est un fait avéré que l'on ne peut pas contester, les chiffres parle d'eux même mais il faut être honnête et savoir qu'avec Vue ( la version 3 ) on peut faire exactement les mêmes projets que React sans problème. Ce n'est que mon humble avis. Une fois encore, merci pour tes vidéos !

[@melvynxdev]

Oui, merci de ton message. Je connais la composition api, c'est cool oui

[@j4nch]

Des applications que j'ai fait, je trouve que la React fait le + fouilli. Certes tu peux créer des composants, mais c'est bagdad entre la logique et vue. T'as besoin de formulaire, c'est encore pire, tu veux avoir du typescript, ya plus que 10% des support et la moitié des librairies qui ne le sont pas.

[@melvynxdev]

C’est les goûts et les couleurs apres

[@j4nch]

@@melvynxdev Il y a quand même un bon nombre de critères objectifs pour dire que c'est moins structurés. Tu veux faire une authGuard en react sans devoir duppliquer du code? bon courage. Tu veux avoir des états communs? Tu dois t'emmerder avec des libraries de states management. J'aime angular, j'adore Vue, même si je regrette qu'elle ne soit pas plus populaire pour avoir effectivement plus de contenu. La composition API est tellement bien

[@francktiomela3002]

Vous avez un Discord svp ?🙂

[@melvynxdev]

Hello oui, inscrit toi à mon club pour recevoir des infos : codelynx.dev/emails

[@francktiomela3002]

@@melvynxdev D'accord

[@timcode_]

Bonne vidéo, mais dommage de montrer des exemples avec l'option api et non la composition Api de Vue, car ce que tu lui reproche n'existe plus ;). L'oapi est clairement l'ancienne méthode d'écrire du vue.

[@melvynxdev]

Hello, j'ai cherché pendant une heure un exemple qui fonctionne avec composition api mais rien trouvé !

[@cedriccourtois2842]

quel suspens 😂

[@melvynxdev]

😂😂😂

[@tom7050]

react, fin du débat. Juste l'ecosysteme react enterre vue 10 fois.

[@melvynxdev]

on est un peu trop d'accord