React Redux Tutorial For Beginners | Redux Toolkit Tutorial 2021
Вставка
- Опубліковано 9 чер 2024
- 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: machadop1407@gmail.com
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 - Наука та технологія
Finally, a redux tutorial that's not about a fucking counter
Keep up the great work mate!
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.
he didn't use counter app but he did used Hello World though, isn't it 😂
exactly
Don't you need a counter bro? Or 50 ways to make it in react?
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
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.
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!
Thank you so much! I love hearing this because it motivates me so much!
I can testify this is one of the best tutorial on Redux I have ever seen.
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!
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!
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!
Glad it was helpful!
whenever I need the simplified version of the explanation, I come to your channel. Good Stuff
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!!!
I appreciate that hahaha I am glad you liked the video :)
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!
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!
THIS IS THE BEST REDUX TOOLKIT TUTORIALON UA-cam!!! 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
Simple, clear, and straight to the point! best tutorial for beginners on redux! thank you.
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.
This was not one of the most but THE MOST perfect redux tutorial I've seen. Keep up the greater work buddy. and Thanks ❤
Thanks mate. I finally have some idea about the react-redux coding convention.
Great tutorial, very well put together and explained well, one of the best i have watched so far!!! Thanks Pedro !!
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
Never understood redux even when I watched nearly 10 videos, no one on UA-cam 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.
This was the best video ever! Thank you so much, I tried learning from many other UA-cam Channels, but they confused me more, you started from the scratch and explained very simple. Thanks a lot.
one of the best tutorials I have ever watched on react related topics.
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 👍😁
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 ! :)
Wonderful, concise, simple explanation. Thank you Pedro!
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.
Thanks a lot, simplified things for me, it was really hard to cope up with other redux tutorials.
Thank you so much i really needed a different example than simple counter project, now i understand all the process
thank you, you helped me a lot because I'm trying to work with someone in react and I really needed this right now
Best tutorial I found on UA-cam. I'm new to Redux and I'm suggesting this to beginners like me. Thanks Pedro!
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!
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
So this is the redux I was so afraid of. I can't believe it's this easy. Thanks Pedro. You're videos never disappoint.
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.
Thank you! You have no idea how much a comment like this one motivates me! I am happy I could help :)
@@PedroTechnologies Thank You! Your channel is one of the best ones. I kid you not.
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.
Finally found a tutorial that helped me understand redux! Thanks to you man!
OMG ! Finally, I understand how it works... Thank you very much Pedro !
I regret not watching this video before.
The most easy-to-understand redux tutorial ever. Thanks you. helped me a lot.
Thank you so much for this video. I have been struggling with this concept but finally you saved me.
Broh, you just made everything so simple to understand, thank you ❤
Thank you Pedro.!!! great explaination!. You can help me understand this theme finally!
So far, the best redux tutorial that I've seen!!! Keep up the good work buddy!!!
You have really done a great job, explaining concepts. hope to get more from you.
Nicely Explained. Great one to understand the Redux Store, Slice and Reducer
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!
Why I beat myself watching other tutorials before checking to see if PedroTech has one is beyond me. Once again, thank you so much!
I really felt Redux is hard to learn but this video made me to understand redux so easy. Super Dude keep going....
Thank you for putting this together. Really thoughtful explanation and examples! Amazing!
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!
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
I really can't thank you enough for all the tutorials you had to do
Way better than any other redux tutorial. Perfect !
Wow happy to hear that!
UA-cam, 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!
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 :)
@@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!
Simple Explanation, I spend some time on other training, but finally ended here with good understanding.
You are a great teacher. I now understand Redux very well.
Man, this is amazing! Huge thanks and huge hugs! It helps a lot with my work!
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.
it's definitely an advanced topic but you nailed it pedro. Thanks
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
Crystal clear, thank you pedro
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.
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!
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
Awesome work my man, you really nailed the whole explanation! Keep up the good work!
Thanks, Pedro for this simple explanation. This helped me to understand it easy way
i really needed this !! thank you!!
Amazing tutorial! You deserve a subscriber from Uzbekistan :)))
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.
Hahaha thank you! I appreciate your support :)
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
This must be the simplest way you could possibly have explained this. Well done!
Great video pedro, your video are always easy to understand
great tut man! Just what i needed and clearly explained
Wonderfully explained!!!! I understood it!
You saved my day Pedro, Thank you so much !
This is excellent. Great work Pedro 🙌🏾
best tutorial ever. thanks pedro.
Thank you so much... this is very straightforward to the beginner! This video is very helpful for me!
Really good tutorial, thanks Pedro!
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!
Super good tutorial. Thanks mate!
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.
Really good video ! Helped a lot. It looks so much more bearable than OG Redux. Thanks man !
Thanks Pedro!!!
You the best!!!
thank you for explaining this concept so easily
in just one word: excellent.
Redux Made Simple !!! Thank You Pedro !
Thanks Pedro for teaching all this for free! Appreciate.
Thanks so much Pedro! Happy new year!
Happy new year!
@@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.
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
Well organized content. thanks a lot. It helps me a to understand redux as a total newbie.
Thank you a lot , 🎉🎉🎉 really thanks for being this beginner friendlly and make me understand redux , educators like u make quality content❤
Great explanation mate loved it
Very well done! Thanks man!
I am new to Redux, but I really understood this tutorial! Thanks a lot Pedro!
Thank you for your videos, switching from Vue to React is like a breeze with your uploads :D
This is the best redux tutorial I've ever seen
This is the best tutorial on Redux out there!
Thank you very much for your videos, Pedro Tech.I am highly grateful to you.
And this isn't a paid course!. You rock!!!.
man you saved my life literally thank you sooooo much
this is such an amazing tutorial.. thankyou soooooo much for bringing this tutorial. you are just an amazing tutor. thankyouuu
i was scared of learning redux but you have given me the confidence thank you so much wish i could like the video again
This makes me happy :) Believe me, i postponed learning it cause I was scared too!