React Redux Tutorial For Beginners | Redux Toolkit Tutorial 2021

Hey everyone, In this video I will go over the basics of Redux using the React-Redux and Redux-Toolkit libraries. I wanted to make this tutorial as simple as possible so I use real-life examples to explain when you might need to use redux.
Code: github.com/machadop1407/react...
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
💻 Join our Discord: / discord
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Email: [e-mail]
Tags:
- ReactJS Tutorial
- ReactJS Redux Tutorial
- NodeJS Tutorial
- API Tutorial
Timestamps
00:00 | Intro
02:33 | What is State Management?
07:21 | Setup Redux
10:09 | Setup Project
15:32 | Creating A Redux Store
21:14 | Reducers / Slices / Actions (user login example)
29:57 | UseSelector
32:59 | UseDispatch
41:10 | Multiple Reducers (theme example)
#redux #react #redux-toolkit

[@nathace8639]

Finally, a redux tutorial that's not about a fucking counter Keep up the great work mate!

[@PedroTechnologies]

Hahaha this was one of the things I was scared about this tutorial! I saw that most redux tutorials used a counter and I didn't want to cause its not really applicable to real life.

[@perfectwebsolutions]

he didn't use counter app but he did used Hello World though, isn't it 😂

[@zahramohebi7375]

exactly

[@johnddonnet5151]

Don't you need a counter bro? Or 50 ways to make it in react?

[@tomasburian6550]

Truth be told, we are all concerned about login in the first place. Now imagine the horror of figuring it out with TypeScript. I'm not sure there is one decent tutorial out there. :P

[@110Genesis]

Pedro, you're a truely gifted tutor. I feel as if you always understand exactly what I need to hear and see to actually understand the subject and not just repeat after you. Thank you so much!

[@PedroTechnologies]

Thank you so much! I love hearing this because it motivates me so much!

[@halfsercleturtle894]

Really solid tutorial. Great balance of walking through the code and stopping to explain key ideas/definitions without getting bogged down in jargon. I'm new to redux and this was super digestable. Subscribed and shared with my front end class in Canada.

[@Habbodonald]

Estou fazendo uma disciplina na faculdade de computação que envolve JS e React e seus vídeos tem me ajudado pra caramba! Parabéns e obrigado pelos vídeos e todo conhecimento compartilhado de forma tão didática. Seu inglês também é sensacional!

[@migueljara9399]

Pedro thank you so much! I've been trying to learn redux for such a long time and every tutorial was quite bad. Your tutorial was easy and begginer friendly that allowed me to understand what everything was. Thank you!

[@randerins]

Cara, que baita mão na roda esse tutorial! Estou quase me formando num bootcamp fullstack e o ultimo projeto exigido requere React + Redux + Rails API. Sempre ouvi falar que Redux exige essa certa configuração tediosa, mas tua excelente explicação me deu mais clareza e incentivo. Muito obg!

[@alexgrinberg1888]

Pedro, great course! Really what I need! I was desperately looking for a React/Redux course with example of creating Slices. And I found it!!! Thanks a lot! Please continue your React-oriented courses, it really helps!

[@PedroTechnologies]

Glad it was helpful!

[@az1nn]

Pedrão, muito obrigado por essa aula, consegui entender perfeitamente a implementação do Redux em menos de uma hora! Tu é foda mano, obrigado por esse e por todos os outros videos!

[@fancyAlex1993]

I can testify this is one of the best tutorial on Redux I have ever seen.

[@mountskit2228]

Never understood redux even when I watched nearly 10 videos, no one on KZbin explained it clearly. I have been watching your channel for quite a while now, all your videos are very helpful and this video really helped me understand redux very easily. It was a very good example of user state and thank you so much.

[@rubitiara]

These few days I have been going through many tutorial videos and trying to understand redux but still could not grab the full concept. Until I found your video today ...it indeed helps me a lot to undertand this complex library ...I totally agree you that redux toolkit is making redux millions times easier to understand and work with :D Thank you very much ! :)

[@mnaresh3382]

great explanation, I had taken a react course from udemy and I could not understand redux section and was searching for a better tutorial, and this was perfect , exactly what I need to know. Thank you for the great work.

[@Aman_Sachan]

Pedro, bro I found your channel just 2 days ago and I'm really thankful that you've explained the difficult concepts in a very simple and beginner friendly manner. Keep Going 👍😁

[@anshab123]

I was stuck with Redux, and I didn't know what to do, so I watched your video. Now I'm very happy! It's one of the best tutorial videos I've ever seen.

[@angusedwards8293]

Never commented on one of these react videos before but brilliantly explained and you leave nothing out without going into unnecessary detail. perfect level of explanation. why you do this for free baffles me :D Superb stuff. thank you!!!

[@PedroTechnologies]

I appreciate that hahaha I am glad you liked the video :)

[@ssk7690]

When you explain stuff, I can understand that easily. You are a great communicator who can convey his message with great tutorials. This was amazing!

[@tomasburian6550]

Fantastic explanation for beginners. Thanks! Btw, I've been looking into the original Redux where you write cases, but Slices pretty much took over now althogh it's harder to figure it out with TypeScript. For even better way of explaining this I'd recommend using the Redux add-on for Chrome where you can see exactly how the states are structured and which values they hold. That cemented the whole knowledge for me and now it's a delight to work with.

[@MagaDaniel]

Simple, clear, and straight to the point! best tutorial for beginners on redux! thank you.

[@user-lq7hp8ps2m]

This was the best video ever! Thank you so much, I tried learning from many other KZbin Channels, but they confused me more, you started from the scratch and explained very simple. Thanks a lot.

[@ubivision]

Thanks mate. I finally have some idea about the react-redux coding convention.

[@omegauwedia5158]

Bro, thanks for this great tutorial, I've been learning the redux toolkit for a while now😥, but all the examples are just counter, which makes it difficult to implement in real life. This video just make it a whole lot easier for me. Thanks Man, God bless you.

[@PedroTechnologies]

Hahaha thank you! I appreciate your support :)

[@marbles1339]

It's either a counter tutorial or a todo list tutorial but we're not gaining knowledge about how to implement it in big real life projects. Thank you for making a different example @PedroTech

[@matt112fly]

THIS IS THE BEST REDUX TOOLKIT TUTORIALON KZbin!!! I WISH I COULD PAY YOU TO MAKE MORE OF THESE VIDEOS !!! LOVE YOU MAN I FINALLY GOT MY SHOPPING CART TO KIND OF WORK

[@thangnd50]

I felt like i hit a major stumbling block named Redux when i first saw it. Everything changes now that i can always take a look at your tutorial. I really can't put into words how grateful I am. Thanks to you, I, am able to take the first and most important step, which is to understand the logic behind those lines of code. Keep pushing it my friend! HIGHLY RECOMMENDED. To anyone who happens to watch this video, this is super helpful!

[@mhlib7569]

Great tutorial, Pedro! I'll be subscribing. I watched a few other in-depth tutorials but got lost pretty easily right in the beginning. You really broke down in simple terms what does what and for people like me who are very new to all this, it's not as helpful when devs use all this complicated jargon without explaining what it means first.

[@yasin2277]

This was not one of the most but THE MOST perfect redux tutorial I've seen. Keep up the greater work buddy. and Thanks ❤

[@murat6018]

Wonderful, concise, simple explanation. Thank you Pedro!

[@debarshipal8275]

This is the best Redux tutorial out there. You have done an amazing job in planning out the tutorial and cover different cases. Thank you. I have subscribed

[@bhuvaneshwaran2311]

I really felt Redux is hard to learn but this video made me to understand redux so easy. Super Dude keep going....

[@paulandres7074]

Best tutorial I found on KZbin. I'm new to Redux and I'm suggesting this to beginners like me. Thanks Pedro!

[@thydevdom]

Why I beat myself watching other tutorials before checking to see if PedroTech has one is beyond me. Once again, thank you so much!

[@adityaaufar4565]

whenever I need the simplified version of the explanation, I come to your channel. Good Stuff

[@utshobarua2324]

Pedro you are really a gem. I am also pretty much tired with learning redux with counter. Finally there is someone who can really helpful why i need redux and how it makes it easy. Thank you for your video. I am looking forward for a video with all of them. Like CRUD, Full MERN and obviously with redux

[@random__weeb]

Thanks alott for this man! You explained Redux really well. Thanks again. For those considering to watch this video, this video explains the use of redux and redux toolkit using a simple usecase of passing values between two children. Pedro does a great job at explaining the need for redux and also explains it in a beginner friendly way. You can definitely watch this video without a second thought!

[@KimCarlos12]

I watched ur react ecommerce website tutorial from start to finish. Loved it since i learned something new. I've used context for quite some time. thought i knew all there was to know. but u showed me that there was something that i didn't. Love u man. Keep up the good work dude

[@higherpurpose1212]

KZbin, YOUR ADS ARE ANNOYING !!!! 10 seconds in between ADS, WTF!???????? Finally, a Redux tutorial that uses React components and explained wonderfully! Thank you Pedro! I've subscribed! I've watched a handful of Redux tutorial but some are really confusing and doesn't tie it up with React components, but your example is right on and simple to follow! Keep making tutorials on MERN! THANK YOU!

[@PedroTechnologies]

Wait there were two ads next to each other? I will take a look and see if there is something I can do. I appreciate that you liked the video! Really happy to see I helped :)

[@higherpurpose1212]

@@PedroTechnologies Yeah man, one after the other, around 10 seconds in between! But hey, you're tutorial is well done and amazing, to tie it up with the UI and show the React hook before and after the Redux implementation. This is exactly what I was looking for. cheers!

[@Hajime_N12]

I'm a new graduated from university software engineering depeartment was struggle with changing working area game programmer to frontend programmer. I was confused that there is so much to learn about react js but your video is more comfortable than any classes that I took from university. Thank you such an amazing content to keep the people not giving up from improve themselves. Got a subscriber and I 'll recommend you to my friends!

[@SvetaSveta-ms4hi]

I'm lovin' it! Thanks a billion for making such extremely useful videos for us. Your hard work will pay off down the road for certain.

[@PedroTechnologies]

Thank you! You have no idea how much a comment like this one motivates me! I am happy I could help :)

[@SvetaSveta-ms4hi]

@@PedroTechnologies Thank You! Your channel is one of the best ones. I kid you not.

[@akramnarejo6221]

You have really done a great job, explaining concepts. hope to get more from you.

[@buituyen9484]

The most easy-to-understand redux tutorial ever. Thanks you. helped me a lot.

[@ob2825]

Way better than any other redux tutorial. Perfect !

[@PedroTechnologies]

Wow happy to hear that!

[@enockomondi6588]

Thank you so much for this video. I have been struggling with this concept but finally you saved me.

[@namankeshari7332]

Thanks man! This was really helpful! You mentioned exactly why I was looking for redux tutorial because a job posting requires it XD. Thanks a lot man! This was very easy to understand and relatable with other state management libraries.

[@sardermonowarulaminrahil9595]

So far, the best redux tutorial that I've seen!!! Keep up the good work buddy!!!

[@Dnyaneshwar.Borkar]

Simple Explanation, I spend some time on other training, but finally ended here with good understanding.

[@H3DI_]

thank you, you helped me a lot because I'm trying to work with someone in react and I really needed this right now

[@KaushalKulkarni-pv3dc]

Thanks a lot, simplified things for me, it was really hard to cope up with other redux tutorials.

[@ALi-Sloom]

I really can't thank you enough for all the tutorials you had to do

[@user-ib6wx4dh3l]

Thank you so much i really needed a different example than simple counter project, now i understand all the process

[@infohub3709]

Thanks Pedro. Your tutorials are quite mind blowing. That's why I always check out your video list for any topic I wish to learn. If only I could have a direct communication with you for proper directives.

[@PedroTechnologies]

I am happy to hear that my videos are helping you out :) I do have a discord where i interact with my subs from time to time, you should check it out!

[@afk8726]

Hi Pedro, this is an amazing started guide to Redux! i used this guide for my project, the only thing i had to add was manage the state to the local storage for a consistent state in the app..

[@ahmed19567]

one of the best tutorials I have ever watched on react related topics.

[@alexholmes3165]

Great tutorial, very well put together and explained well, one of the best i have watched so far!!! Thanks Pedro !!

[@sebascalderon5842]

Dear Pedro, I am new to React, I am taking a course and reinforcement with your videos. Your tutorials are new and have helped me a lot, especially this video. I'm going to take this into consideration, to apply it to my user CRUD. I hope you keep uploading more content. Kind Regards, Greetings from Chile.

[@utbhargav]

Nicely Explained. Great one to understand the Redux Store, Slice and Reducer

[@eliyahutarab4862]

Thank you very much , i wanted to learn this for so long and the way you are explaning this is just very easy to understand thank you

[@nicklandreth2527]

This must be the simplest way you could possibly have explained this. Well done!

[@yaroslavoz]

Man, this is amazing! Huge thanks and huge hugs! It helps a lot with my work!

[@Topo-ev2ct]

Awesome work my man, you really nailed the whole explanation! Keep up the good work!

[@medianxt5656]

Thanks, Pedro for this simple explanation. This helped me to understand it easy way

[@mmhef]

This was very helpful. After watching 27 examples of the Counter app, I still didn't get the big picture. Your video clarified some basic concepts I was missing. Thanks!

[@Ridbay]

Thanks so much.. You really simplify it.. I used to be afraid of Redux but now, You make me fall in love with it.. Thanks once again

[@sahilkc23]

The explanation was very really good that I fast-forwarded and completed it in 26 mins, also when I was going through the redux and redux toolkit docs there were more topics about Normalization and optimization do we really have to know that? and next video should be on data fetching with redux toolkit displaying loading indicators. Loved it, man.

[@AryanRaj-zt6cq]

Finally found a tutorial that helped me understand redux! Thanks to you man!

[@minhthien8651]

OMG ! Finally, I understand how it works... Thank you very much Pedro !

[@matthewritter8988]

Great tutorial, quick an easy way to get up an running with react and redux! I'd probably use Vite to create the project though create-react-app takes so long, and use the input type 'color' instead of text just to make the ui look a bit better

[@lukkaew6327]

Thank you Pedro.!!! great explaination!. You can help me understand this theme finally!

[@charlesloehle7998]

great tut man! Just what i needed and clearly explained

[@jyothiswaroop2964]

I am new to Redux, but I really understood this tutorial! Thanks a lot Pedro!

[@shubhamathawane02]

Broh, you just made everything so simple to understand, thank you ❤

[@phyf3]

This is excellent. Great work Pedro 🙌🏾

[@woofcode3383]

Thanks so much Pedro! Happy new year!

[@PedroTechnologies]

Happy new year!

[@woofcode3383]

@@PedroTechnologies i just watched it again. I'm sure everyone else does the same, to watch it 2 - 3 times to really let is sink in. You are great! I love how you explain stuff clearly. Maybe make bigger project with React-Redux? Thanks. Good luck with your channel.

[@philippec4448]

Really good video ! Helped a lot. It looks so much more bearable than OG Redux. Thanks man !

[@muskmilanmilkshakemmm3880]

i really needed this !! thank you!!

[@iamviduranishantha]

Thanks, Pedro for this simple explanation. This helped me to understand it the easy way

[@PedroTechnologies]

Glad it helped!

[@kushalbasak6574]

Crystal clear, thank you pedro

[@Waqasda]

it's definitely an advanced topic but you nailed it pedro. Thanks

[@magamboisaac7602]

i was scared of learning redux but you have given me the confidence thank you so much wish i could like the video again

[@PedroTechnologies]

This makes me happy :) Believe me, i postponed learning it cause I was scared too!

[@oyeniyimichaelbarry2545]

Finally a redux tutoria thats not about counter, this is the best redux tutorial so far, i wonder why its not ranking the first for redux tutorial seach.. well explained!

[@randomandrandomfacts]

I really loved your video. I wanted to learn redux. But didn't understand it. But you made it so easy. Thank you very much.

[@iheachochristian807]

You are a great teacher. I now understand Redux very well.

[@aes0p895]

This is twice in a row I have been thanking myself for choosing your video over others. First of all, I don't want to use Redux and I don't have to. Thank you sir, may I have another? (subscribed)

[@jiwanjeon3319]

Thank you so much... this is very straightforward to the beginner! This video is very helpful for me!

[@Robertos1133]

Thank you for your videos, switching from Vue to React is like a breeze with your uploads :D

[@adhy612000151]

Thanks Pedro!!! You the best!!!

[@nirajpatil3388]

Great explanation mate loved it

[@abhigyanraha5620]

Very well done! Thanks man!

[@sahoodmzr8892]

Extremely Helpful 👍 It's feeling like discussing Redux with a friend

[@goytayibarek]

cant believe i didnt see this video much earlier! very cool! thanks.

[@mandarinfactory8007]

awesome for react-redux / toolkit beginner! so thanks!

[@triangle1669]

You saved my day Pedro, Thank you so much !

[@cryptomallu6271]

Bro thanks for your all react js and redux videos. Ur videos helped me to get my first job 😊❤.u are one of the best teacher

[@therandomlist8084]

The best redux toolkit tutorial for beginners. Thanks a lot man!

[@suraphelojohannes5780]

Redux Made Simple !!! Thank You Pedro !

[@grazielak.pauselius4225]

Pedro, you are amazing! Thank you for sharing your knowledge with the world.

[@harizreza9181]

Great video pedro, your video are always easy to understand

[@zui7477]

Really good tutorial, thanks Pedro!

[@roy786]

Super good tutorial. Thanks mate!

[@sahil2pradhan]

thank you for explaining this concept so easily

[@codeconceptghana1544]

Thanks Pedro for teaching all this for free! Appreciate.

[@sudheerkumartirandas5831]

Excellent! Thanks Pedro