Mastering Redux Toolkit and RTK Query: A Comprehensive Course for State Management & Data Fetching
Вставка
- Опубліковано 5 лют 2025
- Unlock the full potential of state management and data fetching in React with our comprehensive course on Redux Toolkit and RTK Query. Whether you're a beginner or an experienced developer, this course is designed to empower you with the skills needed to build robust and efficient React applications.
What You'll Learn:
Redux Toolkit Mastery: Dive deep into the Redux Toolkit, the official recommended way to write Redux logic. Learn to streamline your Redux code, reduce boilerplate, and manage state effortlessly.
RTK Query Fundamentals: Explore the powerful capabilities of RTK Query for efficient data fetching in React. Understand how to simplify API calls, manage loading states, and handle caching seamlessly.
Real-world Applications: Apply your knowledge to real-world scenarios with hands-on projects and practical examples. Gain confidence in implementing Redux Toolkit and RTK Query in a variety of use cases.
Project One 👉 • THE BIGGEST MERN STACK...
Follow Me On 👇
Instagram: / huxnshorts
UA-cam: / @huxnwebdev
GitHub: github.com/hux...
Twitter: / huxnwebdev
00:00 - Intro
1:57 - What is Redux
3:06 - What is Redux Toolkit
3:52 - How Redux Toolkit Works
6:29 - The Docs
8:05 - Course Setup
11:18 - What Is a Store & How To Create One
15:35 - What Is a Slice & How To Create One
26:14 - Using Redux Toolkit In React
32:23 - What Is RTK Query
33:04 - RTK Query Setup
34:58 - Creating Service In RTK Query
41:12 - Create First Endpoint
43:48 - RTK Query Hooks Magic
46:42 - Register Service In Store
49:28 - Using RTK Query Endpoint In React Component
50:04 - Get All Products
55:16 - Get Product By ID
59:31 - Add New Product
1:07:51 - Update Specific Product
1:13:43 - Delete Product
1:17:27 - Outro
Project 1 👇
ua-cam.com/video/PRpTY5LS95M/v-deo.html
Project 2 👇
ua-cam.com/video/Bd1EBSCu2os/v-deo.html
Complete Source Code 👇
github.com/HuXn-WebDev/Redux-Toolkit-and-RTK-Query
bro what software u used in this video to show this drawing kinda thing
Thanks you for the best video. I hope next video is React-query and Zustand please!!!
The Explanation is so amazing 🤩, he removed all unnecessary confusion of redux for me😊
You simplified the tutorial of redux from its official documentation and easy to understand and it makes more sense, thanks a lot!!
I like your way of teaching , its funny and productive at same time. Looking forward for upcoming projects!
Thanks for your amazing feedback on the course!
@@huxnwebdev That is it baby....lol 😂
Thanks huxn..
just complete your React course , and want more projects on react only thank you bro for all these amazing courses....
Lot's of Love from India 🇮🇳 -- Rj
You're welcome, Love from my side to india 🥂
i wish i found your channel earlier. by far the best video ive seen on redux toolkit for a beginner
Your teaching style is fun and effective therefore making learning more easy. Thank you HuXn WebDev.
You're very welcome!
thank you so much i learned full redux. plz continue doing amazing work
This is an awesome tutorial. Thanks a lot.
I only wish it had a second part with a deeper dive such as advanced query, pagination, cache, lazy, suspense, etc..
Buddy checkout the projects trust me you'll love it 🥂
@@huxnwebdev Oooh! haven't noticed those! Very cool...
Thanks HuXn!
probably the best quick explanation of Redux.
lovely video, bro. I really struggled with redux, and everything was explained so well, and even the jokes that were made 😅... you've earned a like and a subscription from me. keep it up
Best video on redux toolkit... Thank you so much for providing these tutorials for free😊
Its nice that in between there are funny moments, it captivates my attention 😂
BEST RTKQuery explanation for me.
😊I enjoy your cheerful character
Sir, you r so amazing... I love the way you teaching people in HAPPY CODING Mode . Appreciate about that.
Broooo You did the awesome job ..Lots of Luvvvv From India
Thank you man.. i have been struggling with rtk query for some time.. Hope this will help me..
Best of luck!
Completed this course today! Next is typescript.
Thanks you for the best video. I hope next video is React-query and Zustand
This was a masterpiece 🤩
after getting the data using rtk query, we need to push the data into our redux store right ?
mast samhjaya bhai
Thank you brother 🤲
You are welcome
We can do this by using axios library also right? then what is the use of this RTK query ?
best explanation best one in youtube
Thank you! Very clear, easy to follow.
awesome video for beginners
Glad it was helpful!
bro. whether you accept it or not. This the best RTK Query video. rest others are way too fast or using Typescript! but you should have uploaded this video before the MERN stack Ecommerce video. one more thing, can you explain what extraReducers in redux toolkit which you missed in this video? again, thanks a lot for this❤
Awesome stuff bro!
Thank you so much buddy! I've been following you for quite a while now, and I've noticed that you're not posting as frequently as you used to. However, I wanted to let you know that I really enjoy your content, and I encourage you to keep up the great work buddy 🥂
@@huxnwebdev Thank you for the kind words man! Likewise, been a subscriber for a long time! I will try to upload more frequently! Ive been too busy :(
This is what i was waited thanks man you tought me alot but please can make a project on nextjs14 typescript and MUI material so that i can get idea how to use it❤
What if i need to put 2 different items in a single slice for example counter and error variables that i wanna mutate, and both have different values? Should i then create a seprate slices for error and for counter?
I'm wondering, why these videos doesn't get more viewes as other videos. Very knowledgeable video, keep it up 🔥
Thank you so much for the course
You're Welcome
If we want to send jwt to the server, where are we going to store the jwt in the rtk query ?
Hi Huxn, can we expect tanstack query tutorial with projects soon? Don't wanna put you under pressure if you're already onto something but if you feel like doing so then kindly do it.
Already working on project but when that's done, ill definitely make a video/course on tanstack query 🥂
hello could you tell me the name of theme, and also in order to make font for function name cursive or for object keys bold do u use css for vscode?
Bro I already have a video on that
Thanx for a regular font! Much much better
Enjoy 🥂
great video thank you
hey need to know what's your vscode theme ?
it's looking good and also a good explaination
hi huxn i wish u will cover react query deep dive instead of basic introduction and remix cause there are not so much content about remix on youtube. big thanks from Malaysia
ill see what i can do.
.
Am i not going into depth in my courses?
thank you ❤
Let's goooo🎉🎉🎉🎉
which vscode theme r u using?
I really liked your teaching style bro. Is there any chance you'll be making a course on PostgreSQL
Yes, soon
one question sir should i follow the sequence of full stack web development playlist or that is playlist is random. [open for any advice from seniors]
Here 👇
ua-cam.com/play/PLSDeUiTMfxW6VChKWb26Z_mPR4f6fAmMV.html
Hey, i always want to ask you "how you can make your font style curly in vscode?"
I already made 3 videos on that.
Can you please tell me which browser are you using?
man great tutorial!!! thanks a lot
Thanks for this Please Next flutter please
Is it possible to make api call on my will to keep the data updated? I mean how to use buster in RTK query?
Hey Husain where are from? You're an amazing teacher ❤
thanx i needed this
You're welcome.
Could you make a video about Pinia or VueX? Your videos are great. Thank you!
Great suggestion!
Thanks, that was hell lott of learning. ):
You are awesome Sir ❤🎉
I will revise these from this video too. 🎉
RTK query is plus point 💪🔥
Thank you Sir 🔥💪
One request :- please speak bit slowly 😅😅
haha ok NOTED 🤝
Hey Bro Please Make Next Video React Form Hook Library. And I'm waiting For 😢
NOTED
Emocionado con el tutorial....
Great comprehensive guide on Redux ToolKit and RTK Query. how do you integrate both? Data fetching using RTK and state management using Redux?
Same question, did u get solution?
@@toystory3167yup. RTK does not require to have state management according to the developer who posted on stack over flow. Are you working on a personal project?
I think that for using the mutation inside an try catch block you need to await and .unwrap() it
Thank You Huxn
You're Welcome 🥂
Which browser do you use? Can you please tell.
Thanks man
Its easy,,, use rtk and rtk query together using extrreducers , not separate
What theme are you using??
One Dark Pro
Will you make a TanStack Query course?
Sure!
Thanks 😍
Do you plan to take a Standard Library course in Go ?
ill see what i can do.
thnkoo sir🥰
Welcome 😊
I got it but facing soo much issues in my project i have made the backend but in redux toolkit or query i got stuck😢
how to use rtk with multible pathname products and auth and cart etc pleassse
Sir, web accessibility ke upar bhi ek detailed video layie.
how to get slides ?
Thanks bruhh
You are welcome
Please upload video for Angular 17
In 32:00 whole redux❤❤❤❤
Thank HuXn.
Best one
It's funny that you got so many requests to make videos about modern technology today, but you decided to make a Redux course. I don't think everyone still uses Redux. Anyway, I still appreciate your effort.
So what do you do use
What world you living in? Rtk is the most popular state management library used not only in start ups but in mncs too. Yeah I agree that Zustand library is in limelight now but still developers prefer rtk over zustand.
Guys chill-out, he meant "Redux Core" i guess?
@@huxnwebdev maybe he thought zustand, Tan Stack query(react query)
What theme & font ?
Dark magic theme
Dank mono paid font
name of vs code theme and fonts extension of this video plz bro 🙌🙌🙌🙌🙌🙌🙏🙏🙏🙏🙏🙏
Bro do you have a paid course, because i don't know what you are gonna teach us after teaching everything in free????😳😳😳😳😳😳😳😳😱😬😬😬😬🤐🤐🤐🤐
haha ill do my best to provide all of my courses for free 🥂
@@huxnwebdevdude your the best web dev teacher on youtube.
Please make some next level next js projects as well
@soumakirimoto2195 lol that was one heck of a statement
❤❤❤❤❤
vscode theme name..?
❤
I didn't like the react toolkit query for data fetching, tanstack react query is far better for server state and react toolkit for client state.
The section on RTK Query was good but the section on Redux Toolkit was not good. Bro, you left it by telling me a counter app, I was expecting more.
I already build 15hrs long projects, atleast watch the beginning of the video for about 3mins dude, I already mentioned that.
@@huxnwebdev okay okay got it. I see
you are hacker bro
Sorry, but Redux is Reduculous
❤❤❤