React a gagné. Pourquoi ?

Поділитися
Вставка
  • Опубліковано 28 сер 2024
  • Cours useState : codelynx.dev/b...
    Masterclass React : codelynx.dev/b...
    ▶ VIDÉO
    Dans cette vidéo je t'explique pourquoi j'aime React et pourquoi c'est LA librairie que je conseille à chaque fois !
    Je te présente les avantages de React tels que sa flexibilité, sa performance élevée, sa grande communauté et sa capacité à faciliter la création d'interfaces utilisateur dynamiques. Je te montre également comment React peut être utilisé avec d'autres technologies pour créer des applications web modernes et évolutives. En fin de compte, tu comprendras pourquoi React est devenu la référence en matière de développement d'applications web. Alors, rejoins-moi pour découvrir pourquoi React est la meilleure librairie pour tes projets web !
    ▶ ME SUIVRE
    🐦 Mon Twitter : / melvynxdev
    🖥 Mon GitHub : github.com/Mel...
    📑 Mon Blog : codelynx.dev
    💌 Ma Newsletter : melvynx.com/em...
    Music from Uppbeat (free for Creators!):
    uppbeat.io/t/s...
    License code: YAJZT1FABTNXFCJP
    Music from #Uppbeat (free for Creators!):
    uppbeat.io/t/m...
    License code: BZ8ZMKRNVGT59SEH
    Music from #Uppbeat (free for Creators!):
    uppbeat.io/t/a...
    License code: CHQYVSFILAUDE0ZW
    #javascript #developper #react #reactjs #reactjstutorial #reactjsdeveloper #reactjscourse #reactjsforbeginners #reactjsproject

КОМЕНТАРІ • 118

  • @surrion
    @surrion Рік тому +20

    en gros si j'ai bien compris, tu veux faire un truc bordélique, tu fais du react, tu veux faire un truc carré ? tu fais en angular ou vue :D

    • @TheBlackManMythLegend
      @TheBlackManMythLegend Рік тому

      voila

    • @wml9971
      @wml9971 Рік тому

      Voici qui conclut bien

    • @arnaudchefdeprojet4184
      @arnaudchefdeprojet4184 Рік тому +1

      Merci, je crois que ce monsieur devrait lire Clean code 😂😂😂, parce que là on y est pas 😂

    • @melvynxdev
      @melvynxdev  Рік тому +2

      J'ai lu clean code lol

    • @melvynxdev
      @melvynxdev  Рік тому +1

      Ton point n'a AUCUN sens, il prouve que tu n'as pas compris le sujet. Si Netflix et Facebook font du React, avec Facebook ADS qui est sûrement une application plus compliquée à gérer que tout ce qu'un dev peut faire dans une vie... c'est qu'il y a une raison !

  • @surrion
    @surrion Рік тому +11

    vuejs3 a quand même bien amélioré la lisibilité de la partie script en supprimant l'export default setup and co.

  • @xav_624
    @xav_624 Рік тому +3

    C'est marrant les gouts et les couleurs, je bosse sur du Vue et j'ai fait une formation React. J'ai testé Next, et Svelte. J'en reviens toujours à Vue/Nuxt... (et Astro).

  • @chrislr4302
    @chrislr4302 Рік тому +5

    Pour moi Vuejs passe devant reactjs avec les dernières nouveautés 2022 et surtout la mise au point des frameworks de génération de formulaires dont la version 1.0 finale est prévue vers la fin d'année.
    Vuejs a aussi un mode JSX.
    Reactjs est plutôt un framework bas niveau qui expose trop de complexité. Conceptuellement, c'est aberrant de faire du html avec du javascript dans un projet. C'est satisfaisant pour le développeur mais c'est "casse gueule". Vuejs a le concept d'étendre html et de gérer la complexité via les frameworks ou les outils de manière optimum par les meilleurs développeurs.
    Les directives v-xx vont devenir quasiment inutiles car c'est tout le html de formulaire qui va être géré par vuejs ou des directives personnalisés.
    Comme html est inconsistant pour gérer des formulaires, cela n'a aucun intérêt de faire le travail à moitié par des v-xxx et il est nécessaire d'uniformiser le comportement pour chaque élément de formulaire.
    Pour le reste, il y a vue VueUse pour avoir une boîte à outil standard.
    Angular est trop verbeux et est clairement éliminé car il essaye de faire de l'objet avec un langage fonctionnel comme javascript ...
    ReactJS avec les hooks a créé un nouveau framework sans le dire vraiment.... Et c'est clairement excellent car Javascript est un langage fonctionnel pas un langage objet...

    • @melvynxdev
      @melvynxdev  Рік тому

      il faut de tout ! Je te rejoins sur pas mal d'argument

    • @thehelldesk5463
      @thehelldesk5463 Рік тому

      Désolé (ou pas) de t'apprendre que JS est totalement un langage orienté objet et l'a toujours été. En JS tout est objet à l'exception des primitives donc je suis choqué de lire ça. Il est hybride car supporte aussi la syntaxe fonctionnelle. Je pense que tu mélanges avec les class (utilisée en POO) car elles sont arrivées bien plus tard dans le langage mais tu n'as pas besoin de class pour faire de la POO, c'est du sucre syntaxique comme peuvent l'être les arrow function en fonctionnel. La programmation fonctionnel c'est un paradigme porté à la base par des langages comme Scala ou Erlang qui eux sont purement fonctionnel. En JS une fonction te renvoie... un objet (ou une primitive mais c'est tout).
      C'est bien d'exposer son avis et d'en débattre mais encore faut-il avoir les bases. Je dis pas ça méchamment, c'est important pour se construire une opinion solide sinon tu vas te faire démonter par le premier venu quand tu vas devoir prendre des décisions sur la stack d'un projet avec ton équipe.
      Je vais te corriger sur d'autres points :
      - React est une bibliothèque, pas un framework contrairement à Angular par exemple. C'est justement pour ça qu'on a ce sentiment de liberté justement car tu n'as pas de cadre clairement établis dans une lib contrairement à un framework qui lui impose tout un ensemble de nomenclatures, de hiérarchies de dossiers/fichiers qui feraient planter ton app si tu ne les respecte pas. Next.js est un des framework basé sur React avec son système de router qui t'impose d'organiser tes dossiers et fichier de page tel qu'il le défini.
      - Dire que Vue est meilleur que React sur la base de librairie de formulaire ? Je ne pige pas ce que tu veux dire.
      - Tu utilises le mot Framework de manière abusive.
      Enfin avec ce que j'ai dit plus haut tu fais la diff mais ce que tu n'aimes pas comme bcp de dev JS ce n'est pas la POO mais ce sont ces saleté de class qui ont été introduites, si bien que tous les javaïste (entre autre mais surtout eux) sont venu pourrir l'écosystème JS en ramenant leurs pratiques ultra verbeuses car ils n'ont rien compris au langage. D'un autre côté ça a ouvert l'accessibilité au JS pour d'autres développeurs mais le résultat ce sont des trucs comme Angular et Nest.js qui sont class based et bourré d'abstractions incompréhensibles.

  • @rickchristian6092
    @rickchristian6092 Рік тому +2

    Au final c’est juste une histoire de sensibilité personnelle pour chaque dev si tu aimes bien les choses normé avec des règles et procédures à respecter bah tu as angular et vue , si t’es plus liberté et pas de contraintes dans ton processus react est fait pour toi.

    • @melvynxdev
      @melvynxdev  Рік тому

      Yep

    • @melvynxdev
      @melvynxdev  Рік тому

      Mais react a quand même gagné vis a vis de sa popularité et de son succès

  • @vincentmarconnet6061
    @vincentmarconnet6061 Рік тому

    Je suis vraiment débutant et je me permettrais pas de dire ce que tu dis / fait est ouf ou pas
    Mais franchement t’as tous les codes d’un bon UA-camr, tu vas aller loin. Très heureux d’être tomber sur ta chaîne ! Continue 🔥

    • @melvynxdev
      @melvynxdev  Рік тому +1

      Hello merci beaucoup Vincent pour ton message ! Même un débutant senior en devenir peut avoir son avis ne t'arrête pas sur titre

  • @ayoub_13
    @ayoub_13 Рік тому +2

    Bonne vidéo je t'encourage, après chacun sont gout ses préférences au début je voulais faire comme tout le monde j'ai tester react après je me suis posée la question j'ai fai un quickstart en Vue et en Angular et j'ai plus kiffer vue et je l'es bien creuse en profondeur. 💚💚💚

  • @dariusagbo4765
    @dariusagbo4765 Рік тому +4

    Entre '. map' et 'V-for' le choix est clair 😂😂😂

  • @elvinkyungu
    @elvinkyungu Рік тому +2

    Je trouve encore React chelou, mais bon... c'est une question de choix, j'ai essayé React mais je trouve Vue js assez sympa et surtout simple

  • @SoftSkillSecrets
    @SoftSkillSecrets Рік тому

    tu as raison mon type big up a toi de mon experience grace a jsx j'ai meme reussi a apprendre react sans vraiment maitrisé le javascript avancé et c'est en fesant react que j'ai appris progressivement car c'est du js par contre les autres librairies tu fais ça direct azil ! React c'est vraiment de la bombe...

  • @Azer_Oner
    @Azer_Oner Рік тому +2

    Ça serait top d’avoir ton avis sur react native! On n’entend pas assez parler je trouve

    • @melvynxdev
      @melvynxdev  Рік тому +1

      j'en parlerais, de manière dramatique

    • @tyaho83
      @tyaho83 Рік тому

      @@melvynxdev

  • @jean-mariedormoy5790
    @jean-mariedormoy5790 Рік тому

    merci pour tes vidéos régulières que je trouve pertinentes.
    Perso j'utilise Angular mais je suis ta chaîne et d'autres pour me tenir un peu à jour sur le web :
    HTMX, react+nextjs qui me semblent très à la mode (SSR, hydration, server components).
    J'étais tenté d'apprendre golang pour le backend pour la rapidité d'exécution + goroutines (couplé avec un frontend react)
    mais je pense que react+next est plus important sur le marché du travail (donc à maîtriser en priorité)

    • @melvynxdev
      @melvynxdev  Рік тому

      HTMX est juste hype, pas à la mode. Il n’y a pas une seule entreprise qui l'utilise actuellement. NextJS aussi, il est plus hype qu'autre chose même si beaucoup d'entreprise commence à l'utiliser :D

    • @jean-mariedormoy5790
      @jean-mariedormoy5790 10 місяців тому

      @@melvynxdev salut Melvyn, merci pour ta réponse. Actuellement, je m'intéresse à ta formation beginReact. Tu y présentes react avec typescript ou javascript ?
      Préférence pour typescript - avec mon xp angular - et le typage fort de mon côté pour ne pas me prendre la tête avec les erreurs liées au "laxisme" de JS (bon après je risque d'en avoir quand même mais spécifiques à TS). Après même si cette formation n'utilise pas Typescript, elle continue à m'intéresser.

  • @medevedov
    @medevedov 3 місяці тому

    Pkoi pas solidjs ? Il semble être un bon compromis entre réact et svelte

  • @PeterMoueza
    @PeterMoueza Місяць тому

    10:59 libs

  • @4lxprime730
    @4lxprime730 Рік тому

    ouais mais le problème c'est que c'est vraiment beaucoup plus lourd, les pages react sont vraiment plus lourdes a charger par example que des pages sveltes. Mais en effet tu as raison l’expérience dev est vraiment importante et propre a chaque langage.

    • @melvynxdev
      @melvynxdev  Рік тому

      Hello, je pense que tu oublies que des pages super performance sont aussi fait avec React tous les jours !

  • @RickyBERTRAND-zf6op
    @RickyBERTRAND-zf6op Рік тому

    Un grand merci pour la vidéo

  • @R.e.n.e
    @R.e.n.e Рік тому

    Pense-tu que solid js mis à part son petit écosystème pourra deviner dans le futur plus pratique que react js ?

    • @melvynxdev
      @melvynxdev  Рік тому +1

      Mouais, à voir c'est pas pour le même purpose je pense

  • @kesraouimohamed9611
    @kesraouimohamed9611 11 місяців тому

    Ta suivi quelle formation ?

  • @esdrasmunzemba2224
    @esdrasmunzemba2224 6 місяців тому

    Cetais quoi la formation svp

    • @melvynxdev
      @melvynxdev  6 місяців тому

      codelynx.dev/beginreact/courses ?

  • @chambaderaphael8946
    @chambaderaphael8946 11 місяців тому

    Le seul point qui pourrait faire pencher la balance pour react c'est qu'il est le plus demandé en entreprise. Pour le reste vuejs reste le boss et quand tu compare deux code similaires entre les deux , tu comprends pourquoi. Après j'ai un petit faible pour svelte, mais 09ur du perso

    • @melvynxdev
      @melvynxdev  11 місяців тому

      mdr je tre rejoins pas du tout

  • @TheBlackManMythLegend
    @TheBlackManMythLegend Рік тому

    jaime bien ton style naturel de video fluide et ya du contenu bon un peu long mais bon ca passe tout seul

  • @nihilo.
    @nihilo. Рік тому

    Aie, je comprends pas cette "gueguerre" avec ces frameworks. Vous avez tous des arguments plutôt ... bancals. Ta liberté de tout faire sur une seule feuille est totalement possible sous vue 3, bref, suis pas trop fan de l'argumentaire mais j'ai regardé jusqu'au bout et la fin est plutôt cohérente et vraie (Je rajouterais même qu'on devrait d'abord apprendre le natif avant les frameworks) ! Bonne continuation a toi.

    • @melvynxdev
      @melvynxdev  Рік тому

      Non on est moins libre sur Vue3. Le système de router est déjà fait, le système de Store aussi, bref beaucoup de choses build-in et la communauté n'offre pas autant d'alternatives que React.
      React est fait pour la communauté travail et créer l'écosystème, c'est pour ça que je dis ça dans mes arguments !
      Mais oui, tu as raison : faites ce qui vous fait kiffer.

  • @menes9130
    @menes9130 Рік тому

    En vérité je comprends t’es argument, personnellement je suis pro svelte mais en gros ton argumentation et simple les autres framework ne sont pas react.

    • @melvynxdev
      @melvynxdev  Рік тому

      Putain c'est fou tu as résumé le truc

  • @yanisoulhaci3369
    @yanisoulhaci3369 Рік тому

    Seul chose qui me manque de vuejs par rapport à React c'est Veutify, et le fait qu'on a pas besoin d'importer ses composants

  • @ranarisonassim880
    @ranarisonassim880 Рік тому

    C'est ton avis personnel, chacun son avis, mais ce qui est drole c'est que le propriétaire de Vercel qui est le créateur de Next js a totalement migré l'application vercel sur Svelte et je peux meme dire qu'actuellement presque toutes les grosses applications web utilise svelte sans parler de spotify, apple, avast , RFI, .... et , meme vue js 3 s'est inpiré de svelte ainsi que solid js.
    La vrai raison de la création de svelte c'est que react n'est pas vraiment réactive et il utilise trop le DOM virtuel ce qui alourdit l'application en elle meme et ne fout pas toutes la librairie quand on build

    • @melvynxdev
      @melvynxdev  Рік тому

      mdr tu connaîs pas du tout l'écosystème.
      Vercel utilise NextJS sur tout leur site.
      Spotify utilise React (tu peux tester)
      Apple utilise Vercel UNIQUEMENT POUR UNE SEUL PAGE
      Allez... donne d'autre exemple

    • @ranarisonassim880
      @ranarisonassim880 Рік тому

      @@melvynxdev ça ne sert à rien de discuter avec toi en tous cas, t'es qu'un petit prétentieux

  • @bilelhousni9723
    @bilelhousni9723 7 місяців тому

    Pas mal de contrevérité dans ta vidéo, la plus évidente c'est que non JSX ce n'est pas du JS. Si ça ressemble à du JS ça n'en ai pourtant pas. Si tu tapes :
    const variable = Un titre; ça ne marchera pas dans JS.
    Il faut donc interpréter ton JSX pour le transformer en JavaScript ...

    • @melvynxdev
      @melvynxdev  7 місяців тому

      Oui mais JSX est transformé en JavaScript et il y a pas de syntaxe étrange comme "v-if"

  • @mehdikhoudali
    @mehdikhoudali Рік тому

    Ta gagné, je suis convaincu 😊

    • @melvynxdev
      @melvynxdev  Рік тому +1

      c'est toi qui gagne toujours

  • @alexmge9182
    @alexmge9182 6 місяців тому

    02:21 non , c'est pas un argument ca 😂
    Le JSX, c'est une abomination aussi
    Au final, angular, utilise du vrai JS : let car of cars , mais ca reste une usine horrible 😆

  • @felixhervecaroll3153
    @felixhervecaroll3153 Рік тому

    Je suis en train de faire passer mes sites faits en HTML/CSS en sites en React.

    • @Marketing_impact
      @Marketing_impact Рік тому

      N'utilise pas Reactjs pour du HTML CSS utilise plutôt vitejs

    • @felixhervecaroll3153
      @felixhervecaroll3153 Рік тому

      @@nico-w POur mettre à jour mon portfolio et répondre à la demande de développeurs fullstack javascript.

    • @melvynxdev
      @melvynxdev  Рік тому

      Yeah !

    • @melvynxdev
      @melvynxdev  Рік тому

      Non NextJS, on veut du SSR ici. Ou même astro

  • @kissu_io
    @kissu_io Рік тому

    Beaucoup de lacunes de manière générale et de mauvaise foi malheureusement, être objectif ça peut être intéressant quitte à vendre React.
    Utiliser de vrais arguments ça peut être beaucoup + intéressant. 👌🏻

    • @melvynxdev
      @melvynxdev  Рік тому

      Tu vois ton message est 10 à 15x pire que ma vidéo. Tu critique sans prendre la peine d'expliquer ton point de vue.
      Si tu es si malin, donne-moi les "vrais arguments"

  • @bastienv6233
    @bastienv6233 Рік тому

    💯💯

  • @MarShell57
    @MarShell57 4 місяці тому

    Api composition

  • @flav8078
    @flav8078 Рік тому

    Je comprends les arguments de cette vidéo mais ils sont totalement subjectifs. Déclarer "React a gagné" en citant seulement des exemples de préférences personnelles de syntaxe, je trouve ça très peu pertinent.

    • @melvynxdev
      @melvynxdev  Рік тому +1

      La communauté, l'adoption dans les plus grosses entreprise du monde c'est tellement personnel autant pour moi @flav8078

    • @flav8078
      @flav8078 Рік тому

      @@melvynxdev Ces arguments sont vrais pour le moment mais c'est aussi une question de temps. Vue3 est récent et n'a pas encore eu le temps de se faire une place, Svelte non plus et de nouveaux framework comme Qwik peuvent aussi devenir très utiles. Le fond de ta vidéo est juste et je suis d'accord avec toi, mais je trouve que la manière de le présenter n'est pas assez nuancée.

    • @melvynxdev
      @melvynxdev  Рік тому +1

      ​@@flav8078 Oui totalement. Cependant, VueJS perd en popularité ces dernières années et Svelte prend du temps pour se faire une place. Qwik est plus hype que vraiment utile. Mais tu as raison, on verra dans quelques années !

  • @Victor-mv6vd
    @Victor-mv6vd Рік тому

    Avec api composition et balise script c rst mega simple vue

  • @tyaho83
    @tyaho83 Рік тому

    REACTTTTTTTTT

    • @melvynxdev
      @melvynxdev  Рік тому

      REEEE AAAAA CCCC TTTT !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @Aripfizer
    @Aripfizer 10 місяців тому

    J'aime react mais je trouve toujours vueJs plus simple

  • @KerByGaming971
    @KerByGaming971 Рік тому

    Le pire c quand tu connais react et tu commence à aprendre angular et co!

    • @melvynxdev
      @melvynxdev  Рік тому

      Oui quel enfer.

    • @vulcanjibe
      @vulcanjibe Рік тому

      Pour avoir fait le chemin inverse (Angular pdt plusieurs années perso + pro puis react depuis un an en perso) je peux te dire que c est l enfer aussi 🤣😂🤣 des trucs hyper simple en Angular se transforme en usine à gaz en React. Et le mélange du code HTML et du code métier dans le même fichier, vraiment je n arrive pas a m y faire....

    • @melvynxdev
      @melvynxdev  Рік тому

      Ah oui je peux comprendre. Mais faut aussi réussir à bien utiliser React

  • @alexmge9182
    @alexmge9182 6 місяців тому

    Svelte >>>>>>> VueJs > React > Angular

  • @AmelyaM
    @AmelyaM Рік тому

    Tu as raison :o moi je faisais uqe du vue avant mtn je pense je pourrais plus xD et angular claquer depuis toujours c'est pas nouveau 😮 (4444 abonnés tu avance bien xd et oui j'ai 5j retard mais faut pas le dire 🤫) avant j'y comprenais rien en react d'ailleurs j'ai toujours abandonnée aha :o mtn je fais que ça xd rip vue

    • @melvynxdev
      @melvynxdev  Рік тому

      Ahaha mais toi tu as été converti !

    • @melvynxdev
      @melvynxdev  Рік тому

      ahaha bien vue les abo, y'a encore du chemin

  • @andrypaul281
    @andrypaul281 Рік тому

    😂😂 Du grand n'importe quoi du debut à la fin

  • @davabs9422
    @davabs9422 Рік тому

    Tes arguments sont bidon, tu es un ringard Melvin

    • @melvynxdev
      @melvynxdev  Рік тому +1

      pouah le clash de la mort tu es tellement fort et tes arguments sont tellement solide je m'excuse c'est trop bien je suis ko

    • @davabs9422
      @davabs9422 Рік тому

      @@melvynxdev 😂😂😂

  • @dariusagbo4765
    @dariusagbo4765 Рік тому

    Même ingrédients, même recette, au final autant de cuisiniers mais jamais le même goût 😂.

  • @oklm2109
    @oklm2109 Рік тому

    react c grave surcoté. C'est une lib assez bancale, après 10 ans d'existance on a toujours pas un router officiel et stable. Cela en dit long sur l'instabilité et la qualité de la lib, hein s'ils sont même pas fichu de régler un truc comme ça alors que c o coeur de tout SPA...
    Le pire c'est la suite, les reacts servers components. Ce truc horrible, dont tout le monde hype la hype, va faire un gros plouf.
    React, la lib reactive qui est pas du tout Reactive, la fraude dès le branding.

    • @melvynxdev
      @melvynxdev  Рік тому

      xD on dirait un enfant qui écrit. Le but de React n'est justement de ne pas proposer de router officiel ou autre pour que la communauté le fasse.

    • @oklm2109
      @oklm2109 Рік тому +1

      @@melvynxdev ça tombe bien la vérité sort de la bouche des enfants.
      Ils veulent pas proposer de router officiel car soit-disant c'est trop opiniated pour une lib 100% browser de base.
      Mais par contre, faire des servers side components qui remettre en cause toute la philosophie de base du projet et même son essence, pas de soucis.
      Tout cela c'est du bs. Y'a pas de router de référence en React parce que React c'est bloated as hell. Cela n'a rien avoir avec les but avouer ou non, surtout lorsque l'on voit l'incroybale volte face que représentent les RSC.
      React n'est plus crédible, c'est la fin et tant mieux.

  • @louisant1817
    @louisant1817 Рік тому

    Le coping de zinzin

  • @wml9971
    @wml9971 Рік тому +1

    Les vrais devs sérieux (je parle les devs Java, C# Dotnet…etc) et les grandes entreprise choisissent angular. Normalement si tu es un dev sérieux et tu veux faire des trucs sérieux tu dois partir sur angular.

    • @vulcanjibe
      @vulcanjibe Рік тому +1

      En fait, c est pas tout a fait ça le choix entre react et Angular.
      Angular est effectivement bcp plus carré et bcp plus professionnel que React (maintenabilité du code notamment) mais la vraie différence entre les 2 c est qu Angular est vraiment axé pour développer des applications plus que des sites webs (notamment grâce à Rxjs qui manque vraiment dans react...). Comme les grosses entreprises font bcp d appli web interne, ils utilisent Angular. Mais pour faire un site web vitrine, react est plus adapté

    • @melvynxdev
      @melvynxdev  Рік тому

      "tu dois partir sur angular" 😂