React Redux Tutorial For Beginners | Redux Toolkit Tutorial 2021

Рет қаралды 236,986

Күн бұрын

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

Пікірлер: 526

@nathace8639 2 жыл бұрын

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

@PedroTechnologies 2 жыл бұрын

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 2 жыл бұрын

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

@zahramohebi7375 2 жыл бұрын

exactly

@johnddonnet5151 2 жыл бұрын

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

@tomasburian6550 2 жыл бұрын

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

@halfsercleturtle894 2 жыл бұрын

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.

@mountskit2228 2 жыл бұрын

Never understood redux even when I watched nearly 10 videos, no one on KZfaq 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.

@migueljara9399 2 жыл бұрын

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!

@rubitiara 2 жыл бұрын

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 ! :)

@Habbodonald 2 жыл бұрын

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!

@anshab123 9 ай бұрын

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.

@randerins 2 жыл бұрын

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!

@thangnd50 2 жыл бұрын

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!

@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.

@adityaaufar4565 2 жыл бұрын

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

@110Genesis 2 жыл бұрын

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 2 жыл бұрын

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

@matt112fly 2 жыл бұрын

THIS IS THE BEST REDUX TOOLKIT TUTORIALON KZfaq!!! 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

@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!

@user-lq7hp8ps2m 7 ай бұрын

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

@angusedwards8293 2 жыл бұрын

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 2 жыл бұрын

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

@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!

@paulandres7074 2 жыл бұрын

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

@fancyAlex1993 2 жыл бұрын

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

@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

@alexgrinberg1888 2 жыл бұрын

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 2 жыл бұрын

Glad it was helpful!

@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!

@henryirabor6178 Ай бұрын

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.

@MagaDaniel 2 жыл бұрын

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

@Aman_Sachan 2 жыл бұрын

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 👍😁

@Hajime_N12 2 жыл бұрын

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!

@bhuvaneshwaran2311 2 жыл бұрын

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

@yasin2277 2 жыл бұрын

This was not one of the most but THE MOST perfect redux tutorial I've seen. Keep up the greater work buddy. and 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

@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.

@az1nn 2 жыл бұрын

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!

@ahmed19567 Жыл бұрын

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

@Dnyaneshwar.Borkar 2 жыл бұрын

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

@KimCarlos12 11 ай бұрын

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

@ubivision 2 жыл бұрын

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

@aes0p895 11 ай бұрын

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)

@oyeniyimichaelbarry2545 3 ай бұрын

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!

@debarshipal8275 2 жыл бұрын

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

@nicklandreth2527 2 жыл бұрын

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

@tomasburian6550 2 жыл бұрын

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.

@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

@kanayayaya-wb6nh Жыл бұрын

Pedro, you are an excellent teacher, beside you are a great programmer, because a lot of people can be a programmer, but not a good teacher like you, thanks for the tutorial pedro much love from indonesia

@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

@minhthien8651 2 жыл бұрын

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

@buituyen9484 2 жыл бұрын

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

@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.

@user-ib6wx4dh3l Жыл бұрын

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

@mmhef 2 жыл бұрын

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!

@AryanRaj-zt6cq Жыл бұрын

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

@murat6018 2 жыл бұрын

Wonderful, concise, simple explanation. Thank you Pedro!

@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

@magamboisaac7602 2 жыл бұрын

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 2 жыл бұрын

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

@utbhargav Жыл бұрын

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

@sardermonowarulaminrahil9595 2 жыл бұрын

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

@enockomondi6588 2 жыл бұрын

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

@Waqasda Жыл бұрын

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

@iheachochristian807 Жыл бұрын

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

@lukkaew6327 2 жыл бұрын

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

@akramnarejo6221 2 жыл бұрын

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

@shubhamathawane02 Жыл бұрын

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

@infohub3709 2 жыл бұрын

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 2 жыл бұрын

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!

@KaushalKulkarni-pv3dc Жыл бұрын

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

@ALi-Sloom 10 ай бұрын

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

@jyothiswaroop2964 Жыл бұрын

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

@sebascalderon5842 2 жыл бұрын

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.

@afk8726 2 жыл бұрын

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..

@randomandrandomfacts 2 жыл бұрын

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.

@andy0401ify Ай бұрын

Thank you for putting this together. Really thoughtful explanation and examples! Amazing!

@ob2825 2 жыл бұрын

Way better than any other redux tutorial. Perfect !

@PedroTechnologies 2 жыл бұрын

Wow happy to hear that!

@udaykulkarni5639 2 жыл бұрын

I disabled my KZfaq Add block to show my appreciation

@akj3344 2 жыл бұрын

I regret not watching this video before.

@user-nf1ww4iq8g Жыл бұрын

You are Hero to me like junior developer. plz keep making video forever and i hope this channel become more bigger !!!

@alexholmes3165 7 ай бұрын

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

@guillermohinostroza1016 Жыл бұрын

What a nice introduction to Redux! Thanks a lot for sharing it. Well, in the last part of your tut there is a chance to enter an invalid value for color, as developers we can avoid this using the input type color: return ( { setColor(event.target.value) }} value={color}/> dispatch(changeColor(color))}>CHANGE COLOR ) at that level we can even drop the CHANGE COLOR button dispatching the changeColor() event directly from the color picker: return ( { setColor(event.target.value) dispatch(changeColor(event.target.value)) }} value={color}/> ) we can be more concise even: return ( { const c = event.target.value setColor(c) dispatch(changeColor(c)) }} value={color}/> ) today I learned a lot, thank you again.

@omrishooshan9784 2 жыл бұрын

Im not sure if you are a senior or whatever but your ability to explain tech is on another level, good job mate

@PedroTechnologies 2 жыл бұрын

Thank you, I really appreciate the support! I am starting my junior year in 1 month :)

@SvetaSveta-ms4hi 2 жыл бұрын

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 2 жыл бұрын

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

@SvetaSveta-ms4hi 2 жыл бұрын

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

@Jatin-nr1bj 2 жыл бұрын

Redux toolkit is why I watched this video. And also cause Pedro is a great teacher.

@saadarman4718 7 ай бұрын

Great tutorial, learned a lot. Using redux tools is way easier and fast than simple react-redux.

@mrpunch_777_ Жыл бұрын

Really helpful video to wrap your head around Redux, special thanks for not creating "counter" example.

@SurendraSingh-tf7tk 2 жыл бұрын

value for time best tutorial till now i got on utube for redux

@benitamichael6856 11 күн бұрын

Finally, I found a channel that makes things make sense 🙌

@anirudhnomula2942 10 ай бұрын

Thank you a lot , 🎉🎉🎉 really thanks for being this beginner friendlly and make me understand redux , educators like u make quality content❤

@yaroslavoz 2 жыл бұрын

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

@medianxt5656 2 жыл бұрын

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

@mohitchoyal6355 Жыл бұрын

This is the best redux tutorial I've ever seen

@jiwanjeon3319 2 жыл бұрын

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

@rStelmach 2 жыл бұрын

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

@abdirahmanjibril3887 2 жыл бұрын

easy and beginner friendly explanation a lot better than those with higher followers

@matthewritter8988 2 жыл бұрын

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

@Topo-ev2ct Жыл бұрын

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

@omegauwedia5158 2 жыл бұрын

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 2 жыл бұрын

Hahaha thank you! I appreciate your support :)

@marbles1339 2 жыл бұрын

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

@sahoodmzr8892 2 жыл бұрын

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

@samuelesdras Жыл бұрын

This was great brother!!! Seem it on 2023 and helped me a lot!

@rounakbhattacherje3426 Жыл бұрын

after 1 week of regular searching for a good tutorial for redux and getting frustrated, I finally found this gem. Thank you, man! ultimately, I got it! You are a great teacher