Le problème avec React (pourquoi VueJS est plus simple)

[@melvynxdev]

⚠ Regarder la vidéo jusqu'à la fin pour voir que React c'est le best 💯

[@nicot136]

@@melvynxdevc’est juste orienté, non factuel 🙃

[@aristideherve5748]

Et dire qu'il y'a quelques mois tu as fait une vidéo où tu vomissais sur VueJs en disant que ce n'est pas du Javascript.

[@zarathoustraInParis]

Fallais regarder toute la vidéo ^^

[@melvynxdev]

😂 exactement, c'est enfin une vidéo nuancée comme j'en fais rarement

[@arnaldo2.027]

Ta vidéo m’a fait me rendre compte que j’ai bien fait de commencer par React

[@melvynxdev]

Ah ça fait plaisir

[@EiranAtaraxia]

3:02 Salut, merci pour la vidéo, stp quel est le nom du logiciel que tu utilises pour faire les schémas et autres ?

[@josephjoberno]

Excalidraw avant il utilisait tldraw

[@melvynxdev]

yes

[@EiranAtaraxia]

​@@josephjobernoMerci😊

[@josephjoberno]

@@melvynxdev pourquoi tu as changer du coup ??? Quel sont les aventages Excalidraw

[@melvynxdev]

plus complet

[@gattaam667]

Il existe des outils comme TresJS coté Vue pour faire du ThreeJS en déclaratif (équivalent à react-three-fiber) qui certe reste à améliorer mais permettent à Vue de faire des trucs vraiment sympa

[@melvynxdev]

oui mais le modèle de vue n'est pas aussi enclin que react pour faire ça

[@Mrchiken3]

J'ai jamais douté de toi 🙌🔥

[@melvynxdev]

Heureusement

[@meleadr]

La vraie question c’est pourquoi ne pas parler du meilleur framework aka Angular

[@melvynxdev]

xD car aucune personne m'a ftweet dessus

[@djamalabdounassirharoun5878]

Salut, Merci pour la vidéo sinon c'est quoi le logiciel que tu utilise pour 😊gribouiller des explications

[@melvynxdev]

Excalidraw ?

[@icesonbeckford8568]

React est juste victime de sa notoriété, plus quelqu’un ou quelque chose est célèbre plus il est critiqué

[@melvynxdev]

Oui c'est ça

[@docusmonde7142]

Php est un tres bon exemple

[@nicot136]

@@docusmonde7142 non php c’est vraiment nul 😄

[@antonius254]

Nan php c'est juste de la merde

[@vincentmoreau7957]

Cela confirme mon workflow 😉, j'adore le JSX pour ma part. Quel outil utilises-tu pour les annotations en direct ? Merci et bon code 💻

[@melvynxdev]

Ah c'est Presentify !

[@vincentmoreau7957]

@@melvynxdev merci

[@nibonnimauvais861]

Ultra cool ta video

[@melvynxdev]

Merci ça fait plaisir

[@karlstein9572]

Entre nous, la miniature c'est vraiement du clickbait, je le savais mais j'ai quand même cliqué... Par contre le titre est plutôt contradictoire avec le contenu de la vidéo qui est lui bienveillant à propos de React. Moi ce que j'aimerais avec React, c'est ne plus avoir à utiliser les useEffect(), useMemo() et useCallback() pour se rapprocher d'une syntaxe VanillaJS et il me semble que React Compiler permettra de le faire, ce sera une avancée majeure.

[@melvynxdev]

Ahaha oui, le donne dans la vidéo au début l'explication du problème de React et après je switch

[@Rectorzz]

Svelte c’est le best

[@melvynxdev]

xD

[@ignition-ai]

dsl doublon, autant qu'on se barre tous sur sveltekit au final non ?

[@melvynxdev]

ahah pourquoi pas

[@loloof64]

Bonjour. En ce qui me concerne, j'ai beaucoup codé en React ... jusqu'à l'introduction des hooks. En effet, il n'était plus question pour moi de continuer avec les class components d'une part, et d'autre part j'ai beaucoup de mal à comprendre les fonctionnements des différents hooks. Surtout le useEffect, où au final je n'obtiens pas toujours le comportement attendu. Sinon les arguments avancés en faveur de React ne m'ont pas non plus davantage convaincu à revenir à React. En revanche, s'il y a un moyen de d'appréhender les hooks sans écueil (tutoriel, outil, ...), je suis peut-être prêt à revoir ma position. Mais malgré tout, c'est une vidéo de qualité.

[@melvynxdev]

Ah oui ! Tu utilises quoi comme framework js front ?

[@loloof64]

@@melvynxdev VueJs

[@youloulou6591]

Il faut s'être intéressé à la Reactivity API pour comprendre l'intérêt de Vue, la syntaxe des SFC n'est qu'un détail (Qui évite les incessants rerendering de React tout de même) Mais juste pour comprendre à la fin, en fait tu dis que React est "Le best" mais en fait t'en sais rien, c'est bien ça que tu nous dis?

[@melvynxdev]

Avis perso

[@youloulou6591]

@@melvynxdev Je comprends mieux ! Perso j'ai pas assez d'xp sur React pour juger. J'ai cependant en tête le feedback d'un lead d'Allan : React c'est top mais ça demande de bon devs pour ne pas être mal utilisé et que l'app finisse très lente. Ça leur coûte cher

[@melvynxdev]

c'est vrai ça

[@bmusic23]

J'écrivais deja 😅

[@melvynxdev]

xD

[@Stella_SLcode]

Punaise tu m'as fait peur 😅 Moi j'aime bien les ternary dans le html, c'est naturel à utiliser quand tu as appris JavaScript je trouve. Et sinon j'adore la minia 😂

[@melvynxdev]

Je comprends oui ! Tu vois la phrase ?

[@Stella_SLcode]

​@@melvynxdev oui lol c'est Elon qui tweet "ne faites pas de React" 😂

[@melvynxdev]

ahaha oui

[@HalimAktas001]

Yo Melvynx !! Je ne sais pas pourquoi mais je sens une nouvelle formation sur Vue 😅😅😅

[@melvynxdev]

Ah non c'est faux 😂

[@HalimAktas001]

@@melvynxdev 🤣🤣🤣 tu me rassures ✈️

[@chambaderaphael8946]

Tkt , dans quelques mois avec le vapor mode de vuejs , tu vas nous refaire une belle vidéo 😅

[@melvynxdev]

Ahaha on verra ça

Je me suis formé sur Next et après VueJS puis Nuxt, je suis retourné sur du Next, ça fait un sacré changment et je n'ai pas forcément envie d'y retourner dessus. C'est été plus simple avec VueJs pour se former.

[@melvynxdev]

je comprends

[@desLunes]

Pourquoi ne pas parler de Svelte ? L'équipe derrière Svelte est toujours focus sur le DX, la transition vers des breaking changes et tout. Le seul point négatif de Svelte est son maigre écosystème comparé à React, mais Svelte est bâti autour de Vite qui dispose d'un énorme écosystème également. La commu française devrait parler plus souvent de Svelte.

[@melvynxdev]

Oui Svelte n'est pas encore très connue

[@misigarodev]

0:18 les descentes de toutes les courbes en mm temps soit ce sont les vacances ou quand la communauté à voulu tester HTMX 😭 ?

[@melvynxdev]

mdrrr c'est ça, souvent les vacances

[@animezone2768]

C’est ce qui le rend sexy pourquoi faire pareil comme tout le monde 🤔🤔😊😊😊

[@melvynxdev]

exacte...

[@mediacreatif]

Vite VILT stack !

[@melvynxdev]

Vite vite vite

[@mediacreatif]

@@melvynxdev avec les mises à jour incessante de Next JS, je vais retourner à Laravel 🤣

[@melvynxdev]

mdr je comprends

[@mediacreatif]

@@melvynxdev tu pourras faire une vidéo quand NextJs sera en version stable pour la production ? Parce que là à part permettre à des KZbinrs de faire des tutoriels, je connais personne qui l'utilise en production tellement ça change tous les jours.

[@nicot136]

@@mediacreatif moi j’en connais mais ils passent leur temps à refacto, au lieu de focus 100% sur l’évolution

[@abdoulraoufgambo]

Ce que j'aime dans ma vie c'est: même si on critique à mort quelque chose qu'on accepte les bons côtés de la chose.

[@melvynxdev]

ah oui c'est le top

[@mrasoahaingo]

Bah oui quand on sait pas faire du JS on aprend les v-* par coeur et on code dans des attributs 😂 et apres ils vont critiquer 😅

[@ignition-ai]

c'est marrant, je prend le cas de Blazor, qui est crée pour etre un react c#, mais qui ressemble à du vue.js, mais avec le fond de react (maintenant next.js)😂

[@melvynxdev]

mdr c'est un mélange tout

[@JMightyfr]

J'attends toujours la comparaison avec Vue

[@melvynxdev]

Déjà fais

[@nicot136]

Après 10 ans de React, je le trouve de plus en plus illisible au niveau des patterns. Les codes deviennent de plus en plus dégueulassent. Je tombe sur des projets ou tout est mélangé et fortement couplé. C’est justement ce qui va surement me faire partir sur Vue.js qui force à séparer la logique et la vue. Donc moins de chance de se retrouver sur du code où des débutants on fait ce qu’ils ont pu pour que ça marche, résultant sur une grosse dette technique avec de la logique de partout mal structuré. Le fait que Vue sépare d’office le js et le dsl, ça va diminuer cet effet. .

[@melvynxdev]

Oui je comprends

[@nadjinmalade8738]

React c'est juste son large ecosystem et surtout ReactNative qui font sa popularité. Je fait les deux, et sincèrement je préfère de loin vueJS. Dans vueJs tu sépare correctement le Javascript du html, dans react tu mélange permanence. Et que ce soit VueJs ou React, tu vas t'améliorer en javascript.

[@melvynxdev]

Encore plus en React

[@svek_heldward]

Oui, mais le jsx c’est pas que pour le html, c’est aussi pour les app mobiles, vidéos etc (tu l’as abordé un peu plus tard)

[@melvynxdev]

Oui exacte

[@farouk-j8h]

J'ai bien fais de commencer par React :) Puisque tu parles de React Native dans la vidéo. Est-ce qu'une formation sur ça est prévu ?

[@melvynxdev]

Il faudrait vraiment je crois

[@zarathoustraInParis]

Moi je regarde les offres d'emploi et on est à 95% sur du React 😁

[@melvynxdev]

Non mais React c'est le feu

[@abdellahb1398]

Moi je suis encore old school avec Cash.js et mon backend PHP 😄

[@melvynxdev]

ça coute rien de tester de nouvelles choses :)

[@abdellahb1398]

@melvynxdev je veux d'abord maitriser ce peu de technos à fond.

[@vivienskapuku2388]

React est cool. Je ne l'ai jamais utilisé. Mais je suis fan d'Angular.

[@melvynxdev]

On code avec la techno ou on se sent le mieux !

[@ThisizMk]

Team Angular ❤️

[@melvynxdev]

C'est qu'une question de temps...

[@zxenon_]

Bonne vidéo. 9:01 - juste une petite coquille: rendering engine (Njean), c'est justement ce qu'on appelle moteur de rendu.

[@melvynxdev]

ah oui merde merci

[@nicot136]

Alors React ne fait pas monter plus rapidement en compétence sur le js que Vue car dans Vue il y a aussi la partie js. On est forcément amené et remanipuler des données et donc .map, .foreach, boucle for, etc sont au rdv Je trouve même que React pousse les débutants à de mauvaises habitudes au niveau des design patterns et organisation du code.

[@melvynxdev]

Oui tu as raison

[@jordantruchi6827]

Ce que j'aime avec React: j'apprends du js en même temps.... Mais oui exactement au moins on apprend les concepts natifs et on comprend mieux le reste

[@melvynxdev]

c'est exactement ça !

[@PheldwynJdR]

Personnellement, Svelte (surtout avec l'arrivée de svelte 5) est le meilleur des deux mondes. Comme en Vue, on a notre style au même endroit que notre HTML / JS (plus besoin de CSS Modules ou de CSS-in-JS). Les balises {#if} ou {#each} propres à Svelte sont bien plus lisibles et intuitives (je trouve) que les v-if et v-end perdus dans les attributes de notre tag HTML. Clairement, entre React, Vue et Svelte, c'est Svelte qui est souvent le plus léger en code, et qui est le plus lisible. (Mon seul reproche, c'était l'impossibilité de parfois ajouter des petits composants sans logique dans le même fichier - ce que React permet : les Snippets permettent de contourner cela dans bien des cas) Et avec la magie du $state() qui peut finir dans une classe importée, le state management est simple et déjà intégré.

[@melvynxdev]

Oui mais Svelte n'est pas très populaire

[@PheldwynJdR]

@@melvynxdev et c'est bien dommage ^^

[@YannAriell]

@@melvynxdevje me demande pourquoi. Vu que avec svelte on écrit proprement du code

[@nicot136]

@@YannAriell j’adore Svelte mais pour des gros projets ça le fait pas vraiment. Notamment à cause de l’impossibilité d’exporter / importer des portions. En React et Vue on peut. Vue en passant par du jsx ça le fait pour exporter des portions.

[@doryan-videos5253]

Il a réussi à me faire dire que React c'était de la merde et 2 minutes après me dire que c'est trop bien mdrr

[@melvynxdev]

Tkt le boss

[@mykus1000]

Justement on choix de react c'était du a Javascript et aussi je voulais faire du react native avec tailwind

[@melvynxdev]

Ah je comprends totalement alors

[@_para_dev]

Il est toujours mis dans son p'tit coin comme un vilain canard mais Angular est toujours dans la course et très peu en parlent :D

[@melvynxdev]

xDD il reste caché

[@megasticky8968]

Tous les points négatifs cités sont des raisons pour lesquelles j'adore react 😂😂😂 je dois etre fou !!!

[@melvynxdev]

Je comprends

[@EdzonmxDev]

C'est pareil pour moi c'est justement pour sa que j'aime react

[@moneyfr]

faut passer a qwik js c'est super

[@melvynxdev]

c'est aussi du JSX

[@monsieurm2904]

Mais qu'est-ce qui se passe ? Moi qui pensais qu'il était à fond React !

[@melvynxdev]

Tu n'as pas regarder la vidéo entière !

[@monsieurm2904]

@@melvynxdev Effectivement, je comprends mieux ton point de vue ! React permet de faire des moteurs complexe.

[@Ultra_Genesis7]

Team React❤

[@melvynxdev]

On est en place !

[@prodbyunyverse397]

Au pire y’a Flutter ou Kotlin Multiplateforme

[@melvynxdev]

Au pire des cas !

[@prodbyunyverse397]

@@melvynxdev prk au pire des cas mdr . C’est juste que react est plus populaire mais niveau performance c’est Kotlin en premier vu que c’est natif et Flutter en deuxième puis en tout dernier react mdr

[@amoskalunga7251]

Je suis d'accord avec toi 8:07

[@melvynxdev]

ça c'est un bon gars

[@bitcoingang9743]

si tu parles pas plus du dom virtuel t'as rien compris, typescript react c'est du javascript et vue c'est du html c tout

[@melvynxdev]

wtf

[@bitcoingang9743]

@@melvynxdev t’as pas compris?

[@jordantruchi6827]

Apres rien ne vaut un bon angular 18 🎉😅

[@melvynxdev]

xD non quand même pas

[@ibrahimtraore1230]

REACT à vie

[@melvynxdev]

React4ever

[@ALLOF_SOUND]

Rendering engine : Moteur de rendu

[@melvynxdev]

yeahhh

[@Maxime2P]

Mdr

[@melvynxdev]

xD

[@sportKO12]

Traite....😢😢😢

[@melvynxdev]

Tu n'as pas regardé la vidéo entière

[@Viaulance]

Salut, pitié configure ton micro fais un truc c'est vraiment pas agréable

[@melvynxdev]

Sérieux ? C'est quoi le problème ?

[@Viaulance]

@@melvynxdev Je dirais que les aigus sont trop aigus, après c'est peut-etre moi mais j'ai testé avec 2 casques différents j'ai la meme impression

[@melvynxdev]

Ok merci je vais voir pour rajouter un gain ou je sias pas quo

[@commentaire_random-dh5xb]

Rust + HTMX >>

[@melvynxdev]

ah oui c'est un autre jeu ici

[@believelody5531]

Node + JSX + HTMX >>>

[@sidymohamedcherifhaidara980]

Suis beaucoup plus alaise en vujs

[@melvynxdev]

ok le boss

[@Jpp-ez3dt]

"Apprendre des trucs custom pour le JSX". C'est bien ça le problème et pas que ! Je trouve que React n'est pas naturel niveau algorithmique, rien que pour faire une boucle pour l'affichage React c'est déjà chiant (Ne parlons pas des boucles imbriquées). Tu as l'impression de faire des pirouettes pour implémenter quelque chose qui est normalement simple à cause d'une surcouche mal foutue. Dans tous les autres langages (C, Java, PHP, .NET, Vue, Svelte...) c'est beaucoup plus simple. Les gens qui aiment React n'ont simplement pas de bases solides niveau algorithmique. Ils ont suivi la tendance "bêtement" car React "c'est Facebook et c'est populaire".

[@melvynxdev]

xD je suis pas d'accord