TUTO/COURS sur Zustand avec React en 2024

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ม.ค. 2025

ความคิดเห็น • 49

  • @jean-baptistelasselle4562
    @jean-baptistelasselle4562 7 หลายเดือนก่อน

    Vos sujets sont excellents, vraiment correspondent aux questions auxquelles les professionnels font face. C'est très rare, sur les contenus publiés publiquement

    • @melvynxdev
      @melvynxdev  7 หลายเดือนก่อน

      merci ça fait plaisir

  • @vincentcottalorda2105
    @vincentcottalorda2105 8 หลายเดือนก่อน

    Évidemment Zustand c’est le meilleur. Merci pour la partie optimisation ça j’avoue je connaissais pas. Super vidéo comme toujours 😊

    • @melvynxdev
      @melvynxdev  8 หลายเดือนก่อน

      Trop cool merci !

  • @jonathanmerlin4415
    @jonathanmerlin4415 8 หลายเดือนก่อน

    Toi, tu viens de gagner un abonné ;)
    J'ai un niveau plutot ""débutant", et j'ai beaucoup apris de ta vidéo : zustand que je ne connaissais pas et que j'ai immédiatement adopté, j'ai vu ton architecture dossier, créer un projet react c'est toujours chercher a optimiser les reRenders, je comprenais pas très bien la différence entre les custom Hooks et les fonctions utilitaires, grace a toi, on est bon !
    Bref, avec une seule vidéo, je te dis un grand merci !!! ca promet pour la suite. Merci :)

    • @melvynxdev
      @melvynxdev  8 หลายเดือนก่อน

      Wow c'est vraiment cool d'avoir les retours de toutes les choses que j'ai pu t'apprendre. C'est cool, j'espère que tu as aimé le style pédagogique de venir "améliorer" un code encore et encore étape par étape.

    • @jonathanmerlin4415
      @jonathanmerlin4415 8 หลายเดือนก่อน

      @@melvynxdev j'ai appris grace a des cours "react de A a Z" ce genre de chose qui cible toujours les personnes débutantes. Et sur internet, on voit que de ca au final. De ton coté j'ai l'impression que tu cible un public "intermédiaire", "confirmé" : tu utilises constamment typescript (j'en suis pas encore la ^^), ton expérience + copîlot rend ton code ultra rapide a écrire : faut suivre ^^, mais pour répondre a ta question oui !, le style pédagogique est pour moi super : les illustrations très claires, le fait de montrer plusieurs facons de faire et surtout pas de blabla inutile : les vidéos sont courtes!

    • @melvynxdev
      @melvynxdev  8 หลายเดือนก่อน +1

      Ah oui merci c'est vrai que Copilot plus TypeScript etc... et encore je me force à etre trkl ! Je m'améliore...

  • @mskzzz
    @mskzzz 9 หลายเดือนก่อน

    La partie "hors" react permet aussi de faire de l'unit testing de ta business logic sans faire tourner de composant react ou mock Zustand. Extremement intéressant

    • @melvynxdev
      @melvynxdev  9 หลายเดือนก่อน

      Exactement aussi ! Merci du commentaire qui ajoute de la valeur ^^

  • @chad-rx
    @chad-rx 8 หลายเดือนก่อน

    Merci pour ce tuto !

    • @melvynxdev
      @melvynxdev  8 หลายเดือนก่อน

      avec plaisir

  • @johancode
    @johancode 9 หลายเดือนก่อน +2

    zouuussstaaaaannndd 🔥j'approuve x10 000

    • @melvynxdev
      @melvynxdev  9 หลายเดือนก่อน +1

      zoustand life

  • @lordfrancisisasi8263
    @lordfrancisisasi8263 4 หลายเดือนก่อน

    Super vidéo

    • @melvynxdev
      @melvynxdev  4 หลายเดือนก่อน

      Merci à toi !

  • @dimsotkt
    @dimsotkt 9 หลายเดือนก่อน +2

    Je te remercie énormément pour cette vidéo ❤. Tu penses que c'est judicieux d'utiliser Zustand dans un projet Nextjs pour une plateforme de location de voiture ?

    • @974Dump
      @974Dump 9 หลายเดือนก่อน +3

      La question c'est : Est ce que Next.js fournis un manager de state avec son framework ? Non ? Alors la réponse est Oui, et il a déjà fait une vidéo pour choisir son state manager.. On choisi des techno en fonction de son besoin ! Pas parce que c'est cool..

    • @dimsotkt
      @dimsotkt 9 หลายเดือนก่อน +1

      @@974Dump Merci pour ta réponse

    • @melvynxdev
      @melvynxdev  9 หลายเดือนก่อน

      Hello, effectivement si tu en vois l'intêret. Après pour un "panier" je ferrais un server state personnelement, car le panier doit persister

  • @gaetanritel
    @gaetanritel 9 หลายเดือนก่อน

    Merci pour la vidéo

    • @melvynxdev
      @melvynxdev  9 หลายเดือนก่อน

      merci à toi !

  • @luciendelgrange1277
    @luciendelgrange1277 8 หลายเดือนก่อน

    Vidéo intéressante merci !
    Dans la doc de zustand et redux on trouve ceci:
    - Per-request store: A Next.js server can handle multiple requests simultaneously. This means that the store should be created per request and should not be shared across requests.
    Qu'est ce que cela signifie exactement ?

    • @melvynxdev
      @melvynxdev  8 หลายเดือนก่อน

      Qu'il faut l'utiliser que en fronte-dn ? Idk

  • @silent_pooler
    @silent_pooler 8 หลายเดือนก่อน

    Exceptionnel

    • @melvynxdev
      @melvynxdev  7 หลายเดือนก่อน

      merc

  • @RemiLux-invest
    @RemiLux-invest 9 หลายเดือนก่อน

    Salut Melvyn !
    Il y a un concept que je ne comprends pas avec Zustand : il n'y a que des tutos avec des states globaux, mais jamais sur les states "conditionnels".
    Par exemple, dans une ton app, on a notre state global, comme ça l'user peut remplir son panier qu'il soit connecté ou non (donc pas de soucis). Mais on aurait aussi envie d'avoir un state qui correspond aux infos propres à l'user (sa config, ses derniers items achetés, etc ...).
    Le problème avec le store global User, c'est que toutes les variables ne sont pas forcément définies (userConfig, userLastItems, ...) et du coup, on se retrouve en permanence à checker si les champs les valeurs sont bien définis pour ne pas avoir des erreurs TypeScript.
    Comment fais-tu pour ne pas avoir ce problème tout en gardant la puissance des hooks Zustand ?

    • @NsHtxZekoo
      @NsHtxZekoo 9 หลายเดือนก่อน

      Zustand est toujours global. Il existe une lib/middleware Zustand pour gérer des states plus localisé

    • @melvynxdev
      @melvynxdev  9 หลายเดือนก่อน

      exacte Zekoo

    • @RemiLux-invest
      @RemiLux-invest 8 หลายเดือนก่อน

      @@melvynxdev Il s'appelle comment ? Je le trouve où ?

    • @RemiLux-invest
      @RemiLux-invest 8 หลายเดือนก่อน

      ​ @NsHtxZekoo Il s'appelle comment s'il te plaît :) ?

    • @NsHtxZekoo
      @NsHtxZekoo 8 หลายเดือนก่อน

      @@RemiLux-invest j’ai cherché, je me souviens plus désolé 🤦‍♂️

  • @raucheacho
    @raucheacho 9 หลายเดือนก่อน

    quelle différence avec recoil frérot? sans oublier de te remercier pour cette magnifique vidéo

    • @melvynxdev
      @melvynxdev  9 หลายเดือนก่อน +1

      hello, je sais pas je l'utilise pas

    • @raucheacho
      @raucheacho 9 หลายเดือนก่อน +1

      @@melvynxdev merci bro belle vidéo

    • @melvynxdev
      @melvynxdev  8 หลายเดือนก่อน

      pas de soucis

  • @momodjah-low6944
    @momodjah-low6944 8 หลายเดือนก่อน

    Combine avec Zod ca doit le faire...n'est ce pas?

    • @melvynxdev
      @melvynxdev  8 หลายเดือนก่อน

      Oui je sais pas pourquoi faire mais tu peux !

  • @davidgrammatico606
    @davidgrammatico606 8 หลายเดือนก่อน

    T'as changé de casquette ????

    • @melvynxdev
      @melvynxdev  8 หลายเดือนก่อน

      ouais vite fait j'avais perdu la mienne

  • @djoudi98
    @djoudi98 9 หลายเดือนก่อน +1

    Prononces bien le nom de mon state manager préféré...
    ça se prononce "Jushtand" et non "Zustand" ! 😤

    • @melvynxdev
      @melvynxdev  9 หลายเดือนก่อน +1

      SUSTAND !

  • @sephyroth5559
    @sephyroth5559 9 หลายเดือนก่อน

    lol redux c'et la vie

    • @melvynxdev
      @melvynxdev  9 หลายเดือนก่อน +3

      la vie de merde 💩😂

  • @ParzivalEu_
    @ParzivalEu_ 6 หลายเดือนก่อน

    C'est u truc de fou comment t'es bon, tu explique bien MAIS PUTAIN DE MERDE tu vas trop vite xDDDD

    • @melvynxdev
      @melvynxdev  6 หลายเดือนก่อน +1

      Je suis désolé pourtant celui-là j'ai voulu aller moins vite :o

    • @ParzivalEu_
      @ParzivalEu_ 6 หลายเดือนก่อน

      @@melvynxdev C’est pas grave ! Mais t’es tellement bon mais tellement bon que tu fais tout vite et quand on connaît pas forcément tout on a du mal à suivre 🤣
      Tu as une énergie débordante c’est insane 🤣

    • @fleurdecerisier9550
      @fleurdecerisier9550 หลายเดือนก่อน +1

      Je vous envie pour savoir coder comme ça. Comment avez-vous fait ?