Redux Tutorial (with Redux Toolkit)
HTML-код
- Опубликовано: 24 окт 2024
- Hey gang, in this tutorial, Anthony will sow you how to get up and running with Redux using Redux Toolkit. Check out Anthony's RUclips channel for more React tutorials - / anthonysistilli
🐱💻 🐱💻 Course Files:
codesandbox.io...
🐱👤🐱👤 JOIN THE GANG -
/ @netninja
🐱💻 🐱💻 My Udemy Courses:
Modern JavaScript - www.thenetninj...
Vue JS 3 & Firebase - www.thenetninj...
D3.js & Firebase - www.thenetninj...
🐱💻 🐱💻 Useful playlists:
Full React tutorial - • Full React Tutorial #1...
🐱💻 🐱💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja
It was an absolute pleasure and an honor to be featured on your channel! You've taught me so much (your passport tutorials are the best!!), and I'm happy to finally be able to give back :)
hey mate, I have a question like let's suppose when component mounts I want to make an API call and get posts from JSONplaceholder and save those in redux store, how will I do that? I will use useEffect and then what will I do? where will I make the fetchAPI call, will it be inside the component and pass data as payload, or use the useEffect and it will call some action and this action will make the fetchAPI call inside reducer.? I might not have worded my question correctly, I am sorry I am not a native speaker. But the whole point is how will I make an API call. And if you have any video on it please leave a link. Thanks a lot, mate.
Haha, I just came from watching your redux toolkit/saga video!
Best redux course
Hi how does arrow function behave here.. will it not use the outer execution context?.
you are speaking too fast! I don't like it. please if you will make a video on your channel don't speak too fast. it makes me confused......
You managed to explain redux in less than 20 minutes and it turned out to be more helpful than an hour long video. Huge thanks..
This was soooooo needed!
There wasn't a good tutorial available for Redux Toolkit before this.
Wow, I already enjoy working with Redux, and this makes things even more straightforward! The idea of "slices" is pretty cool. One thing missing here is how you would handle async actions using Redux Toolkit, and some overview of when you would NOT want to use Redux Toolkit. Easy to get answer to both questions by reading the docs, but it'd still make the guide more complete.
I wish I could like this video more than once! Redux was a bit of a personal nightmare topic, but this made it so clear and simple! Thank you!
Now I won’t dread using redux when building my full-stack projects. Toolkit and their new Query APIs are next level. Really allows us to focus on building our apps and letting state not be as important as the apps uI, functionality etc. great stuff’
Best video on understanding how redux works and how to implement it by far and I have seen many (not all, just many). Thank you for going over step by step and explaining how it works and how it's done. Phenomenal video, I can't thank you guys enough.
I'm working on my first backend portfolio project, but I wanted to use React for the client app and your video just saved me probably many more hours of researching.
Drawings and expanding explanations like here 14:00 are priceless, Thank you!
I cannot imagine a simpler explanation for the redux toolkit. Awesome!
This was such a helpful video, I've watch other 1 hour+ tutorials with redux and still just couldn't wrap my head around getting it to work for my own project, this helped me immensely! Thank you :)
This is the first time I touch redux and watch redux related video, this redux toolkit is very similiar to vuex, I think they borrow same concept from each other, I watch through this video and I already have idea how to implement it in react application. Now I want to watch Shaun's redux video and compare original redux and this redux toolkit, it should be fun, thank you for this cool tutorial !!!
This is one of the clearest explanation and I only understood the bigger picture with this tutorial. Others just writing code and not explaining the concept in bird's eye view
Glad it helped! :)
You explained it very clearly in just 20 min. Really worth watching bro.
Thanks a lot Shaun, you really care about your subscribers and it shows. Specially when you bring in only very few guest instructors and they're this good.
After watching several tutorials on this topic, I still couldn't get my head around it. However, within a few mins, I understood the concept of state management and why Redux / Redux-Toolkit is useful. Thanks!
yayay, I badly needed a video on this topic. Thanks, Shaun and Anthony.
Finally i have a complete summarized understanding of the redux toolkit. thanks
I have my interview tommorow. Now I'm feeling confident if I asked any question on Redux.Thanks a lot.
Hi Sachin! Are you still looking out for internship/job opportunities? If you are, get in touch?
@@shivanigaddagimath6105 Please let me know more about the opportunity.
@@sachinthakur7518 Can we connect on LinkedIn or gmail for more details?
@@sachinthakur7518 I connected with a profile named Sachin Thakur just now. Is that your profile?
@@shivanigaddagimath6105 Didn't received any request
THIS GUY IS LEGIT. everything you need to know about redux in just under 20mins. Wtf !!! 😂🎉❤
Really a good tutorial. It not only taught redux-toolkit but at the same time showed how to use the documentation. Nice work.
So far this is the best explanation that I can found. Thank a lot ❤️
Fantastic video on how to use Redux in React, and explained in less than 20 minutes!
This was such a great tutorial. I was pissed off to have to learn a new redux library, but this is so great compared to the "old school" redux.
Thanks!
it was the best explanation of redux toolkit i've ever seen, thank you so much
Thank you, so much @NetNinja and @AnthonySistilli. You the goats!
literally what I needed. we had to learn redux the long way which hurt my brain so much. so we are finally learning redux toolkit but it's been hard trying to separate the syntax and boilerplate for regular redux and redux toolkit. this was freaking perfect!!!! thank you thank you
You're very welcome! Glad it helped :)
That was by far the best tutorial and explanation on redux. You told exactly why it is used .Thanks
Thank you!!
Oh Shaun you are Amazing that you considered what I said before about Redux that if it is possible to have the new course. I will never ever forget what u did for me and will be thankful forever. You are truly a highly valuable person which there are maybe just a few like you in the world. These things go deep in my heart and one day will show it back for you that how much value it had for me.
thank you again my dearest friend.
Probably the BEST redux toolkit explanation on RUclips!!
Thanks for watch8ng!
nice, simple and straightforward
The League of Legends logo tho. Luv it
Thanks for inspiring me to code in Redux while multi-tasking League of Legends. I am encouraged.
“Do not fear the shrouded path.”
- Zed, ‘League Of Legends’.
man.. all the suffering with learning redux just gone forever, we and the new devs should be grateful, this is pure gold
I followed FCC tutorials before knowing that I shouldn't use "class Component extends React.Component" and instead use hooks, and that I shouldn't use React-Redux and instead use Redux Toolkit. Pain.
I was someone who doesn't like Redux, it needed lots of boilerplates but Redux Toolkit is really amazing and simple. I will use Redux Toolkit for my next project Insha Allah.
i love redux and wasnt sure about this new redux-toolkit mess, but now I'm sold thanks alot my friend you are a true React Ninja!!!!!!!!!
Hope it was helpful Justin!
Very simple explanation of complicated topic. Netninja rocks👍👍
thank you i was an absolute beginner to react redux-toolkit.thanks to you now i understand it
wow what a good understanding for redux toolkit in just one video
Basic implementation is always easy and most of the instructor make video on it. It is importnat to know how to call api action, how to use api middleware. Some practical knowledge as like authentication, complex nested data management also important. Please cover those topics as well.
it is possible to create multiple distinct Redux stores in a page, but the intended pattern is to have only a single store. Having a single store enables using the Redux DevTools, makes persisting and rehydrating data simpler, and simplifies the subscription logic.
thank you both for an awesome bit sized, jam packed tutorial. Loved it!!!❤❤❤
Thanks Nickea, glad you enjoyed it!
Very simple and very helpful. Ready to immediately use it in my project. Nice job!
You're the best! Can't wait to watch it. Redux used to be a nightmare for me until i understood it. Now it's one of my favourite tools
Straightforward and very good explanation.
Wow!! I've been wrestling with this for a couple days and you just made it click so simply in 20 minutes. Definitely going to check out your other videos. Thank you
So straightforward and easy to follow. Thank you
Thanks for the Redux Toolkit quick explanation. Now I know how RTK works. Thanks again
Oh my god. I need this course and you share it! Thank you Ninja!
Thanks for this video! This is the best tutorial I've seen for Redux Toolkit so far.
Thanks Anthony Sistilli and Net Ninja. Now I know how to use redux-toolkit
Thank you so much for your explanation and I am very appreciated your teaching pattern to understand everyone easily.
Thank you so much once again.
I am definitely share this and others videos to my connections.
Wawwww, a Great Tutorial Video.
I really liked the way you explain the concept by practice.
Please, Keep working and creating amazing tutorials like this.
Thanks alot bro )))
i have been looking for a way to set redux toolkit for a long time
thank you so much
You're welcome!
One of the best tutorials I've seen. Redux looked complex but it's so simple with this explanation. Thank you. ❤️
It is my first tutorial in Redux Toolkit and I really enjoyed your explanations, everything was clear :D Thank you
Simple and straightforward, just perfect!
Thank you so much. Very clear, brief and straight to the point. Thank you once more, Anthony sistilli.
Awesome refresher of Redux Tookit for me! Thanks man!
such a good explanation. way more better using redux toolkit than old school redux.....
this is a simple and awesome video to learn redux quickly
The last thing I expected to see in a redux toolkit tutorial was a league of legends window open in the toolbar lmao. That game follows me even in my studies...
Ngl you are THE BEST channel to learn React, React Native, etc. This Redux Toolkit tut is bomb can't wait for more content on this!!!
best redux tutorial, thanks
Kudos! 👏👏👏 You have made it really simple. Thanks a ton Man!
What a simple way to explain a difficult concept. Thank you
THIS IS DEFINITELY WHAT I NEEDED! THANK YOU VERY MICH!
Great explanation of the topic! Thank you.
This is far far better than the old implementation of Redux. It works very similarly to how you would write custom React hooks, whereby the state and functions that change the state are compartmentalised into a single file, adhering to the principle of 'optimising for deletion'. The old implementation of Redux required far too much boilerplate code and when coupled with developers using it where completely unnecessary, it made codebases unscalable, hard to read and refactor.
Still, it begs the question, why use Redux Toolkit when you can use React's internal state management with custom hooks? The only difference I see is having to pass down state logic through the component tree when using React. I can't decide whether this a pro or con, but introducing redux-toolkit and other redux dependencies means more dependencies to manage and keep up to date, which in turn introduces more risk to security vulnerabilities.
already watched some Anthony's tutorials and they are really nice. ty.
Yeah, he explains things very well!
This is a real tutorial. I have the impression that other youtubers just wanna show they can do something.
It's really nice and easy to understand. Net Ninja videos are good and also he picked the right person to explain a difficult topic. Anthony did a great job. I enjoyed it a lot. Thanks.
Simple and a great explanation. Thank you so much.
straight forward and clear tutorials
Hope you found them useful :) thanks!
Great tutorial, can't believeit was this easy. I had to watch hours long videos of redux toolkit but still couldn't get my head around it. Thanks a lot!
Sugar and spice everything nice, this channel is amazing❤
The best redux toolkit video over the youtube!
Clean tutorial & thanks so much for putting this together. You made my life easier in understanding this so quickly! Thanks.
Wow, it was so easy to undrestand the rtk with your video! nice job.
This is a simple good tutorial and is easy to understand. I use Redux and didn't know Redux Toolkit before. So it is like a simplified version of Redux. Like simple Redux 2.0 with less boilerplate code. Thanks for this
Awesome tutorial. Like Daniel, I was also not happy to have to learn a new redux library, but this is actually great - clean and streamlined. Now just to figure out how to implement my backend express & database into this. Thanks Ninja!
Simple and clear explanation
Whomever Shaun recommends, I'm subscribing.
I feel like this is Redux the way it should be. I loved the flexibility of old Redux, but the implementation was a nightmare. This is amazing!
Best explanation ive heard, Anthony is a great instructor
@OP
You made an incorrect statement about multiple stores at 6:15.
Redux only allows one store. You can logically separate your reducers but ultimately you will combine them all into one reducer.
Took me a while to correct path, I suggest you put a caption to warn other viewers about the mistake.
Awesome tutorial btw!
This is great, wouldve been good to have the link t o the documentation also in the description
The brilliant video! The explanation is very simple!
you are the best.
so far this is the best explanatiory video of redux toolkit.
Ninja always rocks 🔥
I love your tutorials
all i can say is... Thank you!!!!! easy to follow straight to the point \m/
Thanks Lyndon!
Best video so far on redux toolkit.
👍👍👍
man,this explaination is absolute Brilliant .Very simple to understand with very simple Example.!!!!!!!!Thank you so much Sir,already followed your chanel 🔥👍😗
Thanks for watching Hai. Glad it helped! :)
now that is how you explain redux,,, thhaank you
Thanks for this salient explanation. it was all i needed to understand this stuff.
Gold materials right here:)) Thanks Anthony!
Thanks to both the great instructors. Great fan of this channel.
This is the best I've found about Redux toolkit.. thank you so much
THE BEST TEACHER EVER
Just freaking wow, he explained redux toolkit very well
Thanks for this tutorial Anthony and Net Ninja. It was really awesome and helpful