INTRODUCTION A REDUX TOOLKIT DANS REACT

Поділитися
Вставка
  • Опубліковано 22 лис 2024

КОМЕНТАРІ • 288

  • @norivy_tw
    @norivy_tw 7 місяців тому +1

    Merci pour ce tuto, j'avais suivi les cours sur OpenClassroom mais c'était imbuvable...
    J'admets que j'arrivais pas à comprendre intérêt de Toolkit cela dit jusqu'au moment ou tu parles enfin des Action Creators mais j'imagine que ca n'a pas que cela comme interet.
    Mais c'est clair que ca simplifie la vie
    Bref merci à toi même 2 ans après cette vidéo est toujours super utile

  • @e-programmeur7082
    @e-programmeur7082 2 роки тому +15

    nice :)
    Pour ceux qui les curieux, le theme vscode dans le tuto est "aura theme".

  • @pierreinza4643
    @pierreinza4643 2 роки тому +15

    Je crois que je vais pleurer ! enfin un tuto clair sur redux !

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому +1

      Merci beaucoup Pierre :)

  • @CyrilTonneville
    @CyrilTonneville 2 роки тому +40

    Lior tu es magique! Tu fais passer les trucs chiant et complexe pour simple et clair!
    Bravo et surtout merci pour ce contenu!

    • @dimitrycoulibaly9838
      @dimitrycoulibaly9838 2 роки тому +2

      Grace à sa formation j'ai maitrisé Redux en une journée !!!

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

      Je confirme. Il me rappelle le prof du Math qui nous explique un Théorème complexe avec des démonstrations simples.

  • @rouguiatoudiallo4244
    @rouguiatoudiallo4244 6 місяців тому +1

    J'avais pas l'habitude de laisser un commentaire , mais ce tuto m'y oblige.Très simple, adapté même aux débutants en react comme moi, tout est claire, franchement ça donne envie d'apprendre plus de choses avec vous

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

    Je n'ai pas encore terminé la lecture de la vidéo que je suis vraiment satisfait par votre explication Waooh! Précis, concis, limpide. Bravo M. Lior CHAMLA 👍👍👍

  • @Jeireme
    @Jeireme 2 роки тому +1

    Merci beaucoup Lior, ton cours est extrêmement clair et tes petites explications du style "dispatch ça veut dire parler à redux" aident vraiment à bien s'approprier Redux et à mieux comprendre le code qu'on écrit ! 😊

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому

      Merci beaucoup Jérémie :)

  • @axelraboit5556
    @axelraboit5556 2 роки тому +7

    Tu restes vraiment le meilleur pédagogue francophone dans le domaine du web... merci pour tes videos, on comprend toujours très bien. Tu fais toujours du bon travail :)

  • @IbrahimaBalde-gj6yo
    @IbrahimaBalde-gj6yo 6 місяців тому

    Excellent professeur, vous expliqué clairement malgré que c'est quelque chose de nouveau/floue pour moi.

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

    C'est la démystification de Redux. Quelle brillante idée ce tutoriel!! MERCI...
    Une vrai qualité de pédagogue ressort de votre vidéo, c'est top.

  •  2 роки тому +26

    Géniale cette vidéo, je trouve que Redux était plus simple depuis les hooks (useSelector et useDispatch) mais la on est encore un cran plus loin dans la simplicité 👌

  • @ulrichnelson3636
    @ulrichnelson3636 2 роки тому +2

    Ah oui Lior, tu ne cesses de m'impressionner. Merciiiiiiiiiiiiiiii infiniment pour ce cours, je l'ai trouvé clair et précis. Je suis particulièrement satisfait sur cette notion qui avant n'était pas très clair.
    RESPECT🤝🤝
    Je suis tellement impatient de voir l'une de tes formations (avec projet) en React ou Angular sur Udemy.

  • @grizsko7401
    @grizsko7401 2 роки тому

    Je mets jamais de commentaire mais la chapeau ta façon d'expliquer les notions de Redux est parfaite. Merci beaucoup !

  • @samanocastro1790
    @samanocastro1790 2 роки тому +1

    Après avoir visionné cette vidéo, je like, je m'abonne, je demande à mes cousins de s'abonner, ma tatie, mon oncle et tout le village avec. Ma façon de dire mille mercis pour ce travail super bien fait.

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

    Merci pour ce tutoriel gratuit et très qualitatif, c'est vraiment bien expliqué

  • @moussaabakar1705
    @moussaabakar1705 2 роки тому +1

    Lior vraiment merci !
    J'en merde depuis quatre jours pour apprendre redux mais finalement je l'ai compris (les bases) en moins d'une heure. C'est une technologie difficile à assimilée

  • @nicocouss7849
    @nicocouss7849 2 роки тому +3

    Bonjour,
    Ce cours est exactement ce que je cherchais et je découvre par la même occasion un excellent pédagogue. Merci beaucoup pour ce contenu !

  • @anouarberrouane2805
    @anouarberrouane2805 2 роки тому +1

    Je suis pas du genre à mettre des commentaires youtube, mais la je le fais, parce que j’ai vraiment envie de te remercier pour ton travail ! Je t’ai découvert avec ta formation sur symfony 4 depuis je t’ai plus lâché ! Je suis devenu un bon développeur qui a développé de nombreux projets en suivant ta pédagogie ! Merci pour tout 🙏

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому

      Oooh merci beaucoup Anouar !

  • @isomorphisme
    @isomorphisme 2 роки тому

    Bravo pour la pédagogie, l'enthousiasme. Je suis convaincu. Et le tout en une prise ! C'est dire le talent et le naturel du monsieur.

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому +1

      Merci beaucoup ! Mais y a pas une prise y a plein de moments que j'ai coupé 😂

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

    whaou franchement bravo en 49 minutes de videos j'ai mieux compris le fonctionnement de redux qu'en 10h de cours

  • @tsiang5.046
    @tsiang5.046 2 роки тому

    j'ai compris redux même sans connaitre react. Je viens de finir une formation vue Js et j'aimerai maintenant passer à react et suis tombé sur ça****** franchement c'est trop waouhhhhhhhhh. Bravo!!!!!!!!!

  • @todisoarazafindrabekoto8429
    @todisoarazafindrabekoto8429 2 роки тому

    Donnez à ce mec le prix du meilleur formateur en ligne!!!. Plus facile à comprendre que celle là, ce n'est plus possible

  • @AnouarMokhtari
    @AnouarMokhtari 2 роки тому

    Superbe le Tuto, je recommande vivement votre chaine . je suis expert Dev Front en VueJs et Angular ...
    j'ai bien compris redux avec react facilement ...Merci

  • @wamb8998
    @wamb8998 2 роки тому

    Bonjour, merci beaucoup tout s'éclaire maintenant . C'est cool

  • @code-discovery
    @code-discovery 2 роки тому +6

    Bonjour Lio, pourquoi ne fais tu pas plus de vidéos sur différents sujets, je sais que ça demande beaucoup de temps mais clairement ta pédagogie est juste incroyable, j'aime trop. Tu fais passer des choses très complexe de façon banale. Après 1h de vidéo bien complexe chez Grafikart je viens ici et je comprend mieux tout ce que Grafikart expliquait mdr. C'est incroyable. Merci pour tes vidéos

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому +1

      J'ai pas le temps hélas ! Je bosse comme un fou sur mes formations ! Mais je reviendrai muhahaha, merci en tout cas :)

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

      C'est pas la même chose. C'est une approche différente.

  • @1993348
    @1993348 5 місяців тому

    Merci pour cette tuto simple et compréhensible pour un profane

  • @cyriacduchatenet2964
    @cyriacduchatenet2964 2 роки тому

    très bon tutoriel. moi qui appréhender pas mal pour apprendre Redux. Au final la solution de Redux toolkit est pas si mal. Ce tutoriel donne de bonnes bases pour commencer avec Redux. encore merci

  • @ikouikouikou
    @ikouikouikou 2 роки тому

    Merci et bravo Lior pour cette vidéo sur react - redux, j'avoue que ce cours est très bien expliqué vraiment avec du professionnalisme.

  • @PelouseMan666
    @PelouseMan666 2 роки тому

    parfaitement clair et didactique. Franchement bravo, très utile !

  • @tom493
    @tom493 5 місяців тому

    Rhololoooo.. mais tes videos sont d'une qualité de malalde !
    Tu es né pour faire ça !! 😍
    Super bien expliqué, tout est limpide et facile à suivre, franchement bravo ! 👏

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

    Excellente vidéo, la première qui me fait comprendre redux simplement

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

    Merci beaucoup pour ce contenu grâce à cette vidéo, je comprends mieux Redux

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

    Merci beaucoup, très bon tuto qui m'a permis d'y voir plus clair

  • @oyatsukikagami1960
    @oyatsukikagami1960 2 роки тому

    MDRRR, tout ce que tu disais que l'ont dit, bin c'est vrai !! Quand t'as dit "Redux", j'ai dit "OH NON JE DÉTÉSTE ÇA " , quand t'as dit "Todo List", j'ai dit "ENCOOOORE cet exemple" !!! xD j'adore quand tu lis dans nos pensées comme ça, continu x'D . Merci pour les tutos

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

    Je ne commente jamais en principe mais là obliger de saluer ton travail & ta pédagogie merci beaucoup tu m'as éclairé sur une partie de Redux qui était flou pour moi. Je dois encore me perfectionné ceci-dit au travail !

  • @Frenchhannibal
    @Frenchhannibal 2 роки тому +1

    Merci pour cette intro limpide et très pédagogique à Redux Toolkit !

  • @clement_pqtn
    @clement_pqtn 2 роки тому

    Vraiment bien expliqué, REDUX à l'air vraiment cool à utiliser, Merci beaucoup Lior !

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

    Super vidéo avec une approche que j'ai trouvé très ludique. Tu m'a bien aidé pour mon début avec Redux. Merci !

  • @denisSoriano
    @denisSoriano 2 роки тому +2

    Très cool cette vidéo, merci ! Perso j'utilise beaucoup Redux car ça permet clairement d'avoir une architecture propre de l'application, mais j'avoue bien poser le pour et le contre avant de l'utiliser en fonction de l'appli à développer car c'est vrai que si tout implémenter manuellement n'est pas compliqué, c'est souvent laborieux à faire. Là les choses sont simplifiées et ça a l'air vraiment cool. Faudra voir ce que ça donne dans une vraie application mais je ne me fais pas trop de souci là dessus, tout ce qui vient du créateur de Redux en terme de qualité de code, c'est juste brillant. Merci encore !

  • @julientavernier1174
    @julientavernier1174 2 роки тому

    Tu es un génie ! Merci à toi pour nous permettre de vachement mieux comprendre des libs à la mise en place souvent douteuse 😂

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

    Merci beaucoup c'est pédagogique. BRAVO

  • @viallydag
    @viallydag 2 роки тому

    Et dire que j'ai faillit passer à coté d'un si beau tuto. merci bg

  • @ludivineblot9783
    @ludivineblot9783 2 роки тому

    Merci Lior pour cette découverte de Redux Toolkit. Les explications sont claires et permettent de comprendre facilement le concept 😀.

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

    Merci beaucoup tu expliques super bien ! Tout est très clair

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

    Super pédagogie y'a pas de doute, merci beaucoup !

  • @NoeoZk
    @NoeoZk 2 роки тому

    Milles mercis, je commence enfin à sortir la tête de l'eau grâce à toi!!!

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

    Bonne vidéo, je venais de sortir d'une vidéo précedente sur redux, et j'en avais simplement pas compris l’intérêt tant il ne fait que remplacer un service que l'on aurai pu réalisé très simplement et tant il était extrêmement structurant pour le projet.
    Cette proposition avec le toolkit est bien plus intéressant, même si je reste perplexe quand au performance final de l'application, la résolution du problème dépendance du composant parent n'étant lié qu'a un défaut de conception coté développeur. Ca a le mérite de s'y pencher.

  • @Dehcimal
    @Dehcimal 2 роки тому

    Hello!
    Je sors d'une formation de 6 mois avec une spécialité en React et je dois dire que passer de la logique de react-redux à celle-ci me retourne un peu le cerveau , je sens que j'ai vraiment mieux compris les choses avec ton tuto (de très bonne qualité d'ailleurs), mais je me sens encore un peu dans le flou , il y a beaucoup de travail derrière pour mieux comprendre les choses.

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому +1

      Alors au boulot Bastien ! T'es le meilleur 💪🚀✨

  • @ley0x
    @ley0x 2 роки тому +1

    Waaaaaah mais la vidéo tombe au meilleur moment comment c'est possible

  • @jeromeburrus4209
    @jeromeburrus4209 2 роки тому

    Enorme ton intro ;) . Le reste de la vidéo est très propre, un détail, dans le reducer où tu appelles (state, action) , le action n'est pas nécessairement là pour faire passer une action, il sert à faire passer un payload.
    Tu peux le voir dans l'extension devltool redux, créé un state initial avec une string vide et modifie l'état comme ça,
    addString: (state) { state.test ="je suis une string")
    Si dans ton jsx tu mets un bouton qui va appeler le reducer 'addString', tu verra dans le devtool qu'une action test/addString est bien passée, malgré que la propriété 'action' ne soit pas mis dans les propriétés du reducer. C'est un détails et je me trompe peut être mais en tout cas c'est indiqué comme ça dans la doc' du toolkit et ça marche.
    Une vidéo supplémentaire serait top sur la manière de faire appel à des api (de ce qu'est devenu le dossier middleware) dans cet nouvelle version de redux avec le RTK Query. Tu expliques très bien et je serais très intéressé de voir t'as façon de traiter le sujet notamment sur les extraReducer, et les différents moyen de traiter les réponses serveur qui avant nous demandait des lignes de code à n'en plus finir dans les fichiers middleware. Portes toi bien, je t'ai mis un petit pouce et je me suis abonné à ta chaîne.
    Ca fait vraiment plaisir d'avoir des contenus de qualité en français sur le sujet du toolkit (quasi inexistant).

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому +2

      Je reviendrais probablement sur les AsyncThunks et pourquoi pas aussi sur les Middlewares :)

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

    Incroyablement bien expliqué !

  • @jess241087
    @jess241087 2 роки тому

    Wowwwwwwww, tu expliques super bien !!! Merciiii pour tout !

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому +1

      Merci énormément Jess :)

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

    enfin clair !

  • @Martin13-vp
    @Martin13-vp 2 роки тому

    ça fait depuis + de 2 ans que j'ai une hantise de redux .... merci de la vid, c'est concret et finalement assez simple ... Avant ce qui me bloquais c'est dans le dispasher mettre le bon "type" ou "name" ... je trouvais ça stupide (fanatique de typescript) vue que le typescript ne suit pas . Je trouve qu'on devrait avoir une intellisense, heureusement qu'avec toolkit on peut skipper ça , trop cool !

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому

      Parfait si ça te plait :)

  • @mkalonis8494
    @mkalonis8494 2 роки тому

    Juste incroyable. Un prof comme ça pendant X années tu keaf ta vie

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

    Un Grand merci pour vous Lior ❤ vraiment vous êtes le meilleur formateur. Bonne continuation.

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

    apres plusieurs videos chiantes sur youtube je trouve enfin la video qui me fait comprendre clairement redux toolkit :D merci Lior , j'aimerai bien une video ou tu nous montre comment utiliser redux en MERN Stack merci d'avance

  • @pierredelisle5307
    @pierredelisle5307 2 роки тому

    Merci beaucoup pour cette vidéo et ce cours expliqué vraiment simplement et très clairement.

  • @davenpaint
    @davenpaint 2 роки тому +1

    Voir une méthode push sur un projet React m'a filé la chiasse pour la semaine :D... Sans dec, c'est vraiment pas mal ces Slices, je bosse sur des projets bigarrés en React TS et avec pas mal de Redux et je vais m'intéresser de plus près à ce package, merci pour la découverte.

  • @yazidelghazy666
    @yazidelghazy666 8 місяців тому

    Bravo Lior, il n ' y a rien de compliquer avec toi,

  • @niiack59
    @niiack59 2 роки тому

    Parfaitement clair 😍 un grand merci pour ce tuto d'une qualité incroyable!

  • @wahhaab7
    @wahhaab7 2 роки тому +2

    Video très instructive, merci!

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

    C'est une très bonne leçon. Merci👍

  • @apprendrelibrementlaprogra596
    @apprendrelibrementlaprogra596 2 роки тому +1

    Merci Lior 👌

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

    Super clair merci beaucoup !

  • @sebemery8892
    @sebemery8892 2 роки тому +1

    J'avoue super vidéo, on vient de se faire un projet Pro React-Redux et j'aurais aimé avoir cette vidéo début janvier lol.
    Au top, merci, à poncer maintenant ;)

  • @patricktarnaud
    @patricktarnaud 2 роки тому

    Excellente vidéo ! Très pédagogique. Merci.

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

    Impressionnant, merci.

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

    Merci beaucoup une vidéo incroyable

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

    Aaaaah quel bonheur C'est vraiment super bien expliqué! Merci infiniement

  • @555Custom
    @555Custom 2 роки тому

    Super vidéo. Bien expliqué, interessant et vivant. C'est pas expliqué avec un ton tout monocorde et chiant, cest hyper agréable ^^ +1 sub

  • @akrabalcool5801
    @akrabalcool5801 2 роки тому

    explication magique ✨✨✨✨

  • @MadameCocotte23
    @MadameCocotte23 2 роки тому

    Mais quel bonheur !!! Merci pour cette vidéo, je vais aller tester cette magie sur un petit projet là, je sens que je vais kiffer ! Merci :)

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому

      Merci Madame Cocotte ! Let's goo ! :)

  • @MattElisa97
    @MattElisa97 2 роки тому

    Nickel ce tuto ! enfin redux à l'air digérable !!!

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому

      Ca reste une usine mais oui c'est sympa :p

  • @yvanndeme3708
    @yvanndeme3708 2 роки тому

    Bravo pour le tuto , je t'ecoute depuis le cameroun

    • @LiorCHAMLA
      @LiorCHAMLA  2 роки тому +1

      Merci beaucoup Yvan et bonjour au Cameroun !

  • @xxFyl
    @xxFyl 2 роки тому +1

    Couvrons ce monsieur d’or ! Merci pour ton travail.

  • @abdouraoufyoussouf6899
    @abdouraoufyoussouf6899 2 роки тому

    oui c'était génial l'explication j'ai adoré

  • @hugecrspn
    @hugecrspn 2 роки тому

    Top, merci beaucoup pour ce cours !

  • @dimitrycoulibaly9838
    @dimitrycoulibaly9838 2 роки тому

    J'ai aimé votre vidéo très bien expliquer et de façon terre à terre
    Bravo !!!

  • @rafikmansour4755
    @rafikmansour4755 2 роки тому

    Super bien expliqué bravo

  • @amadouwade1606
    @amadouwade1606 2 роки тому +1

    Bon retour

  • @adelineiscoding
    @adelineiscoding 2 роки тому

    Hello, merci beaucoup c'est super clair, j'ai lu beaucoup de doc et regardé pas mal d'autres contenus avant celui-ci et c'est celui que j'ai le mieux compris :)

  • @brunodogbase9416
    @brunodogbase9416 2 роки тому +2

    Le boss est là 💚

  • @edouardmarsh
    @edouardmarsh 2 роки тому

    Génial 🔥

  • @augmentedtelematics80
    @augmentedtelematics80 2 роки тому

    j'adore !!! la première fois que je pige le truc
    next stp RTK Query

  • @hamzalabzioui7169
    @hamzalabzioui7169 2 роки тому

    Superbe vidéo ! Merci

  • @PapeDiabelWebDeveloper
    @PapeDiabelWebDeveloper 2 роки тому

    merci beaucoup Lior

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

    très bonne explication, continue

  • @totofafah1954
    @totofafah1954 2 роки тому +1

    Belle inspiration pour la vidéo :). J'aime bien ta pédagogie. Tu es le meilleur :D . Merci mon idole

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

    c'est super claire, merci

  • @papakandji5123
    @papakandji5123 2 роки тому

    Excellente video comme d’habitude tu ne déçois jamais

  • @fabiansolarz5138
    @fabiansolarz5138 2 роки тому

    Super tuto. Tu m'as reconcilié avec REDUX :D

  • @lofofojb
    @lofofojb 2 роки тому

    excellent tuto ! merci à toi !

  • @abdouraoufyoussouf6899
    @abdouraoufyoussouf6899 2 роки тому +1

    we c'est un super tuto merci

  • @benjamintondase7437
    @benjamintondase7437 2 роки тому

    Excellente vidéo, une très bonne explication

  • @ludovicvasseur9278
    @ludovicvasseur9278 5 місяців тому

    grand merci, j'ai mis du temps à comprendre.....

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

    Merci beaucoup. Excellente vidéo. très claire et instructive. Petite question en passant: quel color theme de vs code utilises-tu?

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

      Merci Bhaal, c'est Palenight :)

  • @darksh3ll192
    @darksh3ll192 2 роки тому +1

    Merci au top 👌 😀😉

  • @jouadr1282
    @jouadr1282 2 роки тому +1

    Merci Mr ;) :)

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

    salut, super vidéo simplifié, même si je vais repratiquer un peu derrière pour confirmer tout ça. A la fin de la vidéo pour le add task tu le met dans une fonction handleSubmit, mais si on le met sous cette forme , directement dans le form "onSubmit={(e) => {e.preventDefault(); dispatch(addTask(text)); setText('')}}" , est ce que ce n'est pas juste? J'ai testé et ça marche, mais c'est peut être pour une histoire de code plus propre?