Тёмный

Redux Tutorial (with Redux Toolkit) 

Net Ninja
Подписаться 1,6 млн
Просмотров 348 тыс.
50% 1

Hey gang, in this tutorial, Anthony will sow you how to get up and running with Redux using Redux Toolkit. Check out Anthony's RU-vid 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

Опубликовано:

 

14 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 487   
@AnthonySistilli
@AnthonySistilli 3 года назад
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 :)
@slmshady539
@slmshady539 3 года назад
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.
@ripndipp
@ripndipp 3 года назад
Haha, I just came from watching your redux toolkit/saga video!
@developerAKX
@developerAKX 3 года назад
Best redux course
@codeaperture
@codeaperture 3 года назад
Hi how does arrow function behave here.. will it not use the outer execution context?.
@nazirbahrululum2911
@nazirbahrululum2911 3 года назад
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......
@brandophiri3618
@brandophiri3618 Год назад
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..
@narcissisticnarcissus4956
@narcissisticnarcissus4956 3 года назад
This was soooooo needed! There wasn't a good tutorial available for Redux Toolkit before this.
@Gigusx
@Gigusx 3 года назад
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.
@idrawstuff2767
@idrawstuff2767 Год назад
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!
@tanner8291
@tanner8291 3 года назад
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’
@computecastle6099
@computecastle6099 3 года назад
I cannot imagine a simpler explanation for the redux toolkit. Awesome!
@Dawid.Wu_
@Dawid.Wu_ Год назад
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!
@AbiNephilim
@AbiNephilim 2 месяца назад
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 :)
@KuTi59
@KuTi59 Год назад
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.
@sunilsk9649
@sunilsk9649 Год назад
You explained it very clearly in just 20 min. Really worth watching bro.
@unmy400
@unmy400 3 года назад
man.. all the suffering with learning redux just gone forever, we and the new devs should be grateful, this is pure gold
@FADHsquared
@FADHsquared 3 года назад
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.
@jslbrt
@jslbrt 3 года назад
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.
@GuitarreroDaniel
@GuitarreroDaniel 3 года назад
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!
@unknownman1
@unknownman1 3 года назад
yayay, I badly needed a video on this topic. Thanks, Shaun and Anthony.
@sachinthakur7518
@sachinthakur7518 3 года назад
I have my interview tommorow. Now I'm feeling confident if I asked any question on Redux.Thanks a lot.
@shivanigaddagimath6105
@shivanigaddagimath6105 3 года назад
Hi Sachin! Are you still looking out for internship/job opportunities? If you are, get in touch?
@sachinthakur7518
@sachinthakur7518 3 года назад
@@shivanigaddagimath6105 Please let me know more about the opportunity.
@shivanigaddagimath6105
@shivanigaddagimath6105 3 года назад
@@sachinthakur7518 Can we connect on LinkedIn or gmail for more details?
@shivanigaddagimath6105
@shivanigaddagimath6105 3 года назад
@@sachinthakur7518 I connected with a profile named Sachin Thakur just now. Is that your profile?
@sachinthakur7518
@sachinthakur7518 3 года назад
@@shivanigaddagimath6105 Didn't received any request
@maskman4821
@maskman4821 3 года назад
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 !!!
@ObeyAddie
@ObeyAddie Год назад
THIS GUY IS LEGIT. everything you need to know about redux in just under 20mins. Wtf !!! 😂🎉❤
@froggologies
@froggologies 3 года назад
So far this is the best explanation that I can found. Thank a lot ❤️
@kencharles7048
@kencharles7048 3 года назад
Fantastic video on how to use Redux in React, and explained in less than 20 minutes!
@benjamindavies7113
@benjamindavies7113 2 года назад
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!
@rajeshkuthrapali2430
@rajeshkuthrapali2430 9 месяцев назад
Really a good tutorial. It not only taught redux-toolkit but at the same time showed how to use the documentation. Nice work.
@sawmon6079
@sawmon6079 Год назад
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
@NetNinja
@NetNinja Год назад
Glad it helped! :)
@oswhytecodes1
@oswhytecodes1 2 года назад
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
@NetNinja
@NetNinja 2 года назад
You're very welcome! Glad it helped :)
@justinmeskan4410
@justinmeskan4410 Год назад
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!!!!!!!!!
@NetNinja
@NetNinja Год назад
Hope it was helpful Justin!
@re4727
@re4727 3 года назад
The League of Legends logo tho. Luv it
@Bhaskarjyoti02
@Bhaskarjyoti02 6 месяцев назад
That was by far the best tutorial and explanation on redux. You told exactly why it is used .Thanks
@NetNinja
@NetNinja 5 месяцев назад
Thank you!!
@nickeabennett
@nickeabennett 2 года назад
thank you both for an awesome bit sized, jam packed tutorial. Loved it!!!❤❤❤
@NetNinja
@NetNinja 2 года назад
Thanks Nickea, glad you enjoyed it!
@АйзатУрманбетова-у1ф
it was the best explanation of redux toolkit i've ever seen, thank you so much
@legendaryknight6462
@legendaryknight6462 3 года назад
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.
@etiennemarques533
@etiennemarques533 Год назад
Thank you, so much @NetNinja and @AnthonySistilli. You the goats!
@sam03korgal27
@sam03korgal27 Месяц назад
Very simple explanation of complicated topic. Netninja rocks👍👍
@t-distributedkid3825
@t-distributedkid3825 10 месяцев назад
Probably the BEST redux toolkit explanation on RU-vid!!
@NetNinja
@NetNinja 10 месяцев назад
Thanks for watch8ng!
@IroMathews
@IroMathews Месяц назад
Finally i have a complete summarized understanding of the redux toolkit. thanks
@ifeanyiosi
@ifeanyiosi 2 года назад
One of the best tutorials I've seen. Redux looked complex but it's so simple with this explanation. Thank you. ❤️
@macmacdev
@macmacdev 2 года назад
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’.
@eyadeldahabi1859
@eyadeldahabi1859 2 года назад
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.
@ouailtayarth4012
@ouailtayarth4012 3 года назад
It is my first tutorial in Redux Toolkit and I really enjoyed your explanations, everything was clear :D Thank you
@tannerbarcelos6880
@tannerbarcelos6880 3 года назад
This is game changing , damn. This makes redux way more understandable and less verbose.
@MarkEdwardTan
@MarkEdwardTan 3 года назад
Yes. Like Simplified Redux with steroids and easy to understand. Less boilerplate codes and files too :)
@danielsledz5396
@danielsledz5396 3 года назад
Oh my god. I need this course and you share it! Thank you Ninja!
@JulioDx3480
@JulioDx3480 3 года назад
Thanks for this video! This is the best tutorial I've seen for Redux Toolkit so far.
@ovieeghrefuoma5040
@ovieeghrefuoma5040 2 года назад
So straightforward and easy to follow. Thank you
@rauldeandrade
@rauldeandrade 3 года назад
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
@mukhammadjonnazarov526
@mukhammadjonnazarov526 2 года назад
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 )))
@shohagkhan3677
@shohagkhan3677 3 года назад
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.
@ridl27
@ridl27 3 года назад
already watched some Anthony's tutorials and they are really nice. ty.
@NetNinja
@NetNinja 3 года назад
Yeah, he explains things very well!
@sujathabharath7565
@sujathabharath7565 3 года назад
Clean tutorial & thanks so much for putting this together. You made my life easier in understanding this so quickly! Thanks.
@ahmaat19
@ahmaat19 3 года назад
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.
@DahlakKeleta
@DahlakKeleta Год назад
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
@gullyxd
@gullyxd 2 года назад
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.
@joshbarwick8783
@joshbarwick8783 11 месяцев назад
Very simple and very helpful. Ready to immediately use it in my project. Nice job!
@agroforestryconsultancyroz3157
@agroforestryconsultancyroz3157 2 года назад
This is a real tutorial. I have the impression that other youtubers just wanna show they can do something.
@ayodejiatanda6197
@ayodejiatanda6197 Год назад
nice, simple and straightforward
@DavidStephenGilDomingo
@DavidStephenGilDomingo 3 года назад
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!!!
@tube-rp1nb
@tube-rp1nb 2 года назад
thank you i was an absolute beginner to react redux-toolkit.thanks to you now i understand it
@thankgodokpara2156
@thankgodokpara2156 2 года назад
i have been looking for a way to set redux toolkit for a long time thank you so much
@NetNinja
@NetNinja 2 года назад
You're welcome!
@RufatNuriev
@RufatNuriev 3 года назад
THIS IS DEFINITELY WHAT I NEEDED! THANK YOU VERY MICH!
@jvenkatonline
@jvenkatonline 2 года назад
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.
@Lifeofrandomness
@Lifeofrandomness Год назад
Kudos! 👏👏👏 You have made it really simple. Thanks a ton Man!
@skizmic
@skizmic 2 года назад
Awesome refresher of Redux Tookit for me! Thanks man!
@evanbero9705
@evanbero9705 2 года назад
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!
@sauravjain6135
@sauravjain6135 3 года назад
Ninja always rocks 🔥 I love your tutorials
@suleimanhaddad8254
@suleimanhaddad8254 Год назад
Straightforward and very good explanation.
@slmshady539
@slmshady539 3 года назад
Is this the whole thing or its coming out in series. Have you taught createSlice in here? I'm gonna watch it. Thanks to both of you
@NetNinja
@NetNinja 3 года назад
This is just a one-off video, but createSlice is included :)
@chovbee
@chovbee 3 года назад
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...
@Georgedev_
@Georgedev_ 2 года назад
Thank you so much. Very clear, brief and straight to the point. Thank you once more, Anthony sistilli.
@AccessCode101
@AccessCode101 3 года назад
Whomever Shaun recommends, I'm subscribing.
@amolaher6938
@amolaher6938 2 года назад
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.
@MuhammadTalha-lg4jg
@MuhammadTalha-lg4jg 2 года назад
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!
@randomness361
@randomness361 3 года назад
Oh man! Right in time Ninja !! ThnX a lot, you the best ❤️❤️❤️
@haiderimam8977
@haiderimam8977 3 года назад
wow what a good understanding for redux toolkit in just one video
@2006Pk
@2006Pk 2 года назад
Best explanation ive heard, Anthony is a great instructor
@doctorDevZ
@doctorDevZ 2 месяца назад
Sugar and spice everything nice, this channel is amazing❤
@Carlos-ws1zm
@Carlos-ws1zm Год назад
Simple and straightforward, just perfect!
@tanmayarunnavghare
@tanmayarunnavghare 2 года назад
Thanks for the Redux Toolkit quick explanation. Now I know how RTK works. Thanks again
@danielChibuogwu
@danielChibuogwu 2 года назад
Thanks for this tutorial Anthony and Net Ninja. It was really awesome and helpful
@gauthamk1474
@gauthamk1474 Год назад
Simple and a great explanation. Thank you so much.
@elsabecrous8114
@elsabecrous8114 2 месяца назад
Great explanation of the topic! Thank you.
@oluwagbengakosoko9014
@oluwagbengakosoko9014 Год назад
What a simple way to explain a difficult concept. Thank you
@mohammadraufzahed
@mohammadraufzahed Год назад
Wow, it was so easy to undrestand the rtk with your video! nice job.
@aryamitrachaudhuri6564
@aryamitrachaudhuri6564 2 года назад
The best redux toolkit video over the youtube!
@sadhucat4476
@sadhucat4476 3 года назад
Rad, good to see Anthony getting exposure.
@murtuzaali962
@murtuzaali962 2 года назад
best redux tutorial, thanks
@asharma741
@asharma741 3 года назад
Thanks to both the great instructors. Great fan of this channel.
@rafatothman1646
@rafatothman1646 Год назад
now that is how you explain redux,,, thhaank you
@gregorygoh5206
@gregorygoh5206 2 года назад
Awesome easy to understand video. Just to clarify, does it mean a slice is to be created for each state?
@KingstonFortune
@KingstonFortune Год назад
wow...amazing tutorial! way to go Anthony! 💪
@tonyprojs-man
@tonyprojs-man 2 года назад
Dammmmm, this is so clear. I have been stressed for days and this just make my way. and congrats for the 1M subscribers @TheNetNinja 💪
@NetNinja
@NetNinja 2 года назад
Glad to hear that Tony :) thanks for the support!
@itisprofile
@itisprofile 2 месяца назад
The brilliant video! The explanation is very simple!
@mohsin6312
@mohsin6312 3 года назад
Thanks Anthony Sistilli and Net Ninja. Now I know how to use redux-toolkit
@ceralguy85
@ceralguy85 3 года назад
Great video Anthony i follow your channel and the net ninja channel for the last 2 years i you deliver great content. I great to see a very good tutorial about RTK
@Bruno87198
@Bruno87198 2 года назад
What a wonderful explanation! You really made things easily to understand! Thank you!
@KyawMyo
@KyawMyo Год назад
such a good explanation. way more better using redux toolkit than old school redux.....
@syntaxed4365
@syntaxed4365 Год назад
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!
@preciousappiah
@preciousappiah 2 года назад
straight forward and clear tutorials
@NetNinja
@NetNinja 2 года назад
Hope you found them useful :) thanks!
@atif7865
@atif7865 2 года назад
@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!
@omaryasser2177
@omaryasser2177 3 года назад
This is the best I've found about Redux toolkit.. thank you so much
@abiodunolotin2475
@abiodunolotin2475 2 года назад
Thanks for this salient explanation. it was all i needed to understand this stuff.
@ashasr8640
@ashasr8640 Год назад
this is a simple and awesome video to learn redux quickly
@haibangngo7357
@haibangngo7357 Год назад
man,this explaination is absolute Brilliant .Very simple to understand with very simple Example.!!!!!!!!Thank you so much Sir,already followed your chanel 🔥👍😗
@NetNinja
@NetNinja Год назад
Thanks for watching Hai. Glad it helped! :)
Далее
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Просмотров 222 тыс.
Cool Parenting Gadget Against Mosquitos! 🦟👶
00:21
Redux For Beginners | React Redux Tutorial
39:43
Просмотров 1,2 млн
React Redux (with Hooks) Crash Course
48:00
Просмотров 209 тыс.
Learn useReducer In 20 Minutes
20:12
Просмотров 510 тыс.
Every React Concept Explained in 12 Minutes
11:53
Просмотров 709 тыс.
What is Redux? Why use Redux?
8:45
Просмотров 7 тыс.
Vite Crash Course | Faster Alternative To CRA
16:24
Просмотров 206 тыс.
Cool Parenting Gadget Against Mosquitos! 🦟👶
00:21