INTRODUCTION A REDUX TOOLKIT DANS REACT
Вставка
- Опубліковано 20 вер 2024
- ⭐ DECOUVRE MA FORMATION ANGULAR : learn.web-deve...
🔥 REJOINS NOUS SUR TWITCH : / liior
📧 INCRIVEZ VOUS A MA NEWSLETTER : eepurl.com/gZ0LEH
▶ Dans cette vidéo, on découvre Redux Toolkit dans une application React.
▶ Lien du dépôt GitHub : github.com/lio...
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
😺 RETROUVEZ MOI ICI LES BROS
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
Twitch : / liior
Twitter : / liiorc
LinkedIn : / lior-chamla
Discord : / discord
CodePen : codepen.io/lio...
☕ Si tu veux me soutenir, paye moi un café 😁💓 : www.buymeacoff...
![[Tuto Redux] Apprendre Redux de zéro (feat React)](/img/n.gif)
Lior tu es magique! Tu fais passer les trucs chiant et complexe pour simple et clair!
Bravo et surtout merci pour ce contenu!
Grace à sa formation j'ai maitrisé Redux en une journée !!!
Je confirme. Il me rappelle le prof du Math qui nous explique un Théorème complexe avec des démonstrations simples.
Je crois que je vais pleurer ! enfin un tuto clair sur redux !
Merci beaucoup Pierre :)
nice :)
Pour ceux qui les curieux, le theme vscode dans le tuto est "aura theme".
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
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 :)
Oooow mercii
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é 👌
là c'est mon prof qui parle👌
Un de mes profs youtube également.
un de mes prof fav 😍
Grave quand le meilleur parle on écoutz
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
Avec plaisir
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 ! 😊
Merci beaucoup Jérémie :)
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 👍👍👍
Un grand merci !
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.
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 ! 👏
Excellent professeur, vous expliqué clairement malgré que c'est quelque chose de nouveau/floue pour moi.
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
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
J'ai pas le temps hélas ! Je bosse comme un fou sur mes formations ! Mais je reviendrai muhahaha, merci en tout cas :)
C'est pas la même chose. C'est une approche différente.
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.
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 !
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.
Merci beaucoup :)
Je mets jamais de commentaire mais la chapeau ta façon d'expliquer les notions de Redux est parfaite. Merci beaucoup !
Merci beaucoup, très bon tuto qui m'a permis d'y voir plus clair
whaou franchement bravo en 49 minutes de videos j'ai mieux compris le fonctionnement de redux qu'en 10h de cours
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 🙏
Oooh merci beaucoup Anouar !
Merci pour ce tutoriel gratuit et très qualitatif, c'est vraiment bien expliqué
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
C'est pas facile ! :)
Excellente vidéo, la première qui me fait comprendre redux simplement
Donnez à ce mec le prix du meilleur formateur en ligne!!!. Plus facile à comprendre que celle là, ce n'est plus possible
Merci :)
parfaitement clair et didactique. Franchement bravo, très utile !
Merci beaucoup Pierre :)
Merci beaucoup pour ce contenu grâce à cette vidéo, je comprends mieux Redux
Génial !
Merci pour cette intro limpide et très pédagogique à Redux Toolkit !
Merci à toi :)
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.
Merci :)
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
Merci :)
Un Grand merci pour vous Lior ❤ vraiment vous êtes le meilleur formateur. Bonne continuation.
Merci pour cette tuto simple et compréhensible pour un profane
Vraiment bien expliqué, REDUX à l'air vraiment cool à utiliser, Merci beaucoup Lior !
Merci beaucoup :)
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.
Alors au boulot Bastien ! T'es le meilleur 💪🚀✨
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 !
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.
Merci beaucoup ! Mais y a pas une prise y a plein de moments que j'ai coupé 😂
Incroyablement bien expliqué !
Merci 😁
Milles mercis, je commence enfin à sortir la tête de l'eau grâce à toi!!!
Merci à toi :)
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 !
Wowwwwwwww, tu expliques super bien !!! Merciiii pour tout !
Merci énormément Jess :)
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 ;)
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.
Merci Lior pour cette découverte de Redux Toolkit. Les explications sont claires et permettent de comprendre facilement le concept 😀.
Merci à toi :)
Bonjour, merci beaucoup tout s'éclaire maintenant . C'est cool
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!!!!!!!!!
Merci
Merci beaucoup c'est pédagogique. BRAVO
Avec plaisir 👍
Liorrrrrr, ça fait longtemps que j’attendais une vidéo de toi !! Content de te revoir. :)
Super pédagogie y'a pas de doute, merci beaucoup !
Merci beaucoup Maxime :)
Tu es un génie ! Merci à toi pour nous permettre de vachement mieux comprendre des libs à la mise en place souvent douteuse 😂
Merci beaucoup :)
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).
Je reviendrais probablement sur les AsyncThunks et pourquoi pas aussi sur les Middlewares :)
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.
Et dire que j'ai faillit passer à coté d'un si beau tuto. merci bg
Bon retour
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
Merci à toi :)
Juste incroyable. Un prof comme ça pendant X années tu keaf ta vie
Merci beaucoup 🙂
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
Waaaaaah mais la vidéo tombe au meilleur moment comment c'est possible
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 !
Merci beaucoup :)
Le boss est là 💚
Parfaitement clair 😍 un grand merci pour ce tuto d'une qualité incroyable!
Wow merci !
oui c'était génial l'explication j'ai adoré
Merci beaucoup :)
Belle inspiration pour la vidéo :). J'aime bien ta pédagogie. Tu es le meilleur :D . Merci mon idole
Merci à toi 😊
Vraiment très stylée ta vidéo Lior, t'es au top
Oooh merci Alex
De retour mon professeur Lior Chamla. Ça fait un bail !
Ça faisait longtemps, l'intro de malade 😂😂
J'ai aimé votre vidéo très bien expliquer et de façon terre à terre
Bravo !!!
Merci Dimitry !
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 :)
Merci Madame Cocotte ! Let's goo ! :)
C'est une très bonne leçon. Merci👍
Avec plaisir merci à toi :)
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
Merci beaucoup une vidéo incroyable
Excellente video comme d’habitude tu ne déçois jamais
Merci Papa Kandji !
Top, merci beaucoup pour ce cours !
Merci à toi :)
Merci beaucoup pour cette vidéo et ce cours expliqué vraiment simplement et très clairement.
Merci beaucoup Pierre :)
Excellente vidéo, une très bonne explication
Merci beaucoup :)
Video très instructive, merci!
ç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 !
Parfait si ça te plait :)
très bonne explication, continue
Merci beaucoup tu expliques super bien ! Tout est très clair
Aaaaah quel bonheur C'est vraiment super bien expliqué! Merci infiniement
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 :)
enfin clair !
Bravo pour le tuto , je t'ecoute depuis le cameroun
Merci beaucoup Yvan et bonjour au Cameroun !
Bravo Lior, il n ' y a rien de compliquer avec toi,
Excellente vidéo ! Très pédagogique. Merci.
Merci à toi Patrick !
Au faite, pour le passage à 39:49 ou tu explique après pour créer le createToggle, il est inutile je crois bien. Il te suffit de configurer ton configureStore de cette façon :
import { configureStore } from '@reduxjs/toolkit'
import counterReducer from '../features/counter/counterSlice'
export default configureStore({
reducer: {
counter: counterReducer,
},
})
Après ça te permet de faire directement appel à Redux de cette façon : dispatch(increment()) par exemple 🤘
Sinon tu exporte de ta slice les actions, c'est déjà fait pour toi par RTK :p
j'adore !!! la première fois que je pige le truc
next stp RTK Query
Je vais voir ça :)
Superbe vidéo ! Merci
Merci Hamza !
Génial 🔥
Merci :)
Salut Lior, je ne sais pas si tu passes encore par là, j'essaye d'élargir mon champs de compétences. Tu es de loin le meilleur formateur fr. Est-ce que tu vends des formation react/react-native ? Et au passage, des tech plus orientées ops style docker?
Ps: je n'ai pas compris une chose sur ton reducer. Pourquoi delete et add modifient le tableau alors que ton toggle modifie une valeur sans la remplacer dans le tableau ?
Bah quand tu modifies une valeur dans un tableau, tu modifies le tableau en lui-même, genre si tu as [10, 20, 30] et que tu dis qu'à l'index 1, tu mets 40, ça donne bien [10, 40, 30] au final :)
Donc si tu as une tâche à l'index 1 qui est à done: false, et que tu la passes à done: true, bah ton tableau qui contenait une tâche pas faite à l'index 1 devient un tableau qui contient une tâche faite à l'index 1.
Et non je ne fais pas de formations vidéos sur React / React Native, y'en a plein :p
Et jamais utilisé les techs ops :x
Impressionnant, merci.
Merci à toi :)
Super clair merci beaucoup !
Nickel ce tuto ! enfin redux à l'air digérable !!!
Ca reste une usine mais oui c'est sympa :p
Super bien expliqué bravo
Merci :)
merci beaucoup Mr et bravo pour cette magnifique vidéo, je m'abonne
Merci à toi JB :)
Question bête, y'a vraiment un intérêt par rapport a react context?
Super tuto. Tu m'as reconcilié avec REDUX :D
Haaa parfait ça !
Merci, Lior. Super tuto.
Merci beaucoup :)
Wow, finally lior come back to hoooome. Merci merci merci
grand merci, j'ai mis du temps à comprendre.....
Excellent