Mastering Redux Toolkit and RTK Query: A Comprehensive Course for State Management & Data Fetching
ฝัง
- เผยแพร่เมื่อ 4 ก.ค. 2024
- 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 👇
TH-cam: / @huxnwebdev
GitHub: github.com/huxn-webdev
Twitter: / huxnwebdev
Instagram: ❌
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 👇
th-cam.com/video/PRpTY5LS95M/w-d-xo.html
Project 2 👇
th-cam.com/video/Bd1EBSCu2os/w-d-xo.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😊
thank you so much i learned full redux. plz continue doing amazing work
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!
i wish i found your channel earlier. by far the best video ive seen on redux toolkit for a beginner
Best video on redux toolkit... Thank you so much for providing these tutorials for free😊
Thank you! Very clear, easy to follow.
Thanks you for the best video. I hope next video is React-query and Zustand
Broooo You did the awesome job ..Lots of Luvvvv From India
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 🥂
Your teaching style is fun and effective therefore making learning more easy. Thank you HuXn WebDev.
You're very welcome!
man great tutorial!!! thanks a lot
This was a masterpiece 🤩
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...
mast samhjaya bhai
😊I enjoy your cheerful character
Great video sir
Thank you so much for the course
You're Welcome
Sir, you r so amazing... I love the way you teaching people in HAPPY CODING Mode . Appreciate about that.
Emocionado con el tutorial....
best explanation best one in youtube
I'm wondering, why these videos doesn't get more viewes as other videos. Very knowledgeable video, keep it up 🔥
Thanks, that was hell lott of learning. ):
great video thank you
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❤
hey need to know what's your vscode theme ?
it's looking good and also a good explaination
Thank you man.. i have been struggling with rtk query for some time.. Hope this will help me..
Best of luck!
Is it possible to make api call on my will to keep the data updated? I mean how to use buster in RTK query?
What theme are you using??
Can you please tell me which browser are you using?
Thanks 😍
Thank you brother 🤲
You are welcome
Thanks for this Please Next flutter please
Thanx for a regular font! Much much better
Enjoy 🥂
Let's goooo🎉🎉🎉🎉
awesome video for beginners
Glad it was helpful!
dost ek baat me bahut confuse rhtaa hu ki nextjs seekhne ke baad in cheejo kaa koi use hai, i mean if i go with react basics +nextjs mastery fir redux, toolkit andrtk query inkee need kyaa rhegi, by the way aapki energy and tareeka bahut achchhaa hai
thanx i needed this
You're welcome.
Thank You Huxn
You're Welcome 🥂
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 :(
which vscode theme r u using?
Its easy,,, use rtk and rtk query together using extrreducers , not separate
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
Hey Husain where are from? You're an amazing teacher ❤
how to use rtk with multible pathname products and auth and cart etc pleassse
I think that for using the mutation inside an try catch block you need to await and .unwrap() it
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 👇
th-cam.com/play/PLSDeUiTMfxW6VChKWb26Z_mPR4f6fAmMV.html
Could you make a video about Pinia or VueX? Your videos are great. Thank you!
Great suggestion!
I really liked your teaching style bro. Is there any chance you'll be making a course on PostgreSQL
Yes, soon
Best one
Hey Bro Please Make Next Video React Form Hook Library. And I'm waiting For 😢
NOTED
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?
Hey, i always want to ask you "how you can make your font style curly in vscode?"
I already made 3 videos on that.
Please upload video for Angular 17
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 🥂
Do you plan to take a Standard Library course in Go ?
ill see what i can do.
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?
Thanks bruhh
You are 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😢
Sir, web accessibility ke upar bhi ek detailed video layie.
Will you make a TanStack Query course?
Sure!
Some next js 14 projects
❤
❤❤❤
In 32:00 whole redux❤❤❤❤
❤❤❤❤❤
thnkoo sir🥰
Welcome 😊
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)
Can you explain how to use Redux Toolkit or React Redux in Next.js? After implementing it, our entire application can be either client-side or server-side. I'm unclear on how to properly use it in Next.js, so could you clarify my doubts? Also, please explain the advantages and disadvantages of using Redux in Next.js.
I've noticed that there are tutorials on TH-cam not covering the use of Redux in Next.js. Is Redux unnecessary in Next.js, or is there a reason it's not widely used? If a larger application requires Redux in Next.js, how is it implemented?
I'd appreciate it if you could address these concerns in your next video. I've commented multiple times on other channels, but I haven't received any responses. If you can create a video on this topic, it would be immensely helpful, as I've been struggling with these questions, and it seems others may have similar doubts. Thank you!
NOTED i'll definitely make a video on that.
@@huxnwebdev
After research i found this
Conclusion
Using RTK Query in a Next.js application primarily results in a client-side application, but you can leverage server-side rendering capabilities to pre-fetch data on the server-side for improved performance and SEO. This hybrid approach allows you to enjoy the benefits of both client-side and server-side rendering while leveraging the power of RTK Query for data fetching and caching.
vscode theme name..?
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 🤝
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
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