RTK Query CRUD | Mutations & Auto-Fetching | React Redux Toolkit RTK Query Tutorial - 2
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 2024
- In this video we will explore the Redux Toolkit RTK Query Mutations and Auto-fetching in detail with example. RTK Query is a powerful data fetching and caching tool. It is designed to simplify common cases for loading data in a web application, eliminating the need to hand-write data fetching & caching logic yourself.
⭐️GitHub link for Reference⭐️
github.com/dmalvia/Redux_RTK_...
⭐️RTK Query Overview⭐️
redux-toolkit.js.org/rtk-quer...
RTK Query CRUD | Data Fetching & Caching Tool Part 1 - • React Redux Toolkit RT...
⭐️ Support my channel⭐️
www.buymeacoffee.com/dipeshma...
🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:43 - Code Walkthrough
0:01:35 - Understanding RTK Query Mutations
0:02:38 - Create Mutation Endpoints
0:07:26 - Mutation Hooks
0:08:08 - Add Operation with RTK query hook
0:13:07 - RTK query refetch
0:14:50 - Auto-fetching Providing and Invalidating tags
0:19:05 - Update Operation with RTK query hook
0:20:17 - Delete Operation with RTK query hook
0:22:40 - Outro
**React Roadmap for Developers in 2021**
How to Learn React JS ? - • React JS Roadmap for D...
React in One Project - • Learn React JS with Pr...
React Redux Toolkit Tutorial - • React Redux Toolkit wi...
Learn React Redux with Project - • Learn React Redux with...
What is Redux ? - • Understanding Redux Co...
Learn React Redux Thunk with Project - • Learn React Redux Thun...
Learn React Hooks - • Learn React JS Hooks |...
🔗 Social Medias 🔗
Twitter: / imdmalvia
Facebook: / programmingwithdipesh
Instagram: / dipeshmalvia
LinkedIn: / dmalvia
⭐️ Tags ⭐️
- Learn Redux RTK Query
- Redux Toolkit RTK Query Overview
- RTK Query for beginners
- Mutations in RTK Query
- How to use Redux RTK Query Auto-fetching
⭐️ Hashtags ⭐️
#react #redux #toolkit #RTK #dipeshmalvia #tutorial
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
Guys, if the video is helpful to you or you learned something than please appreciate and hit the LIKE and SUBSCRIBE button and help this channel to GROW😉
bro..Can you do video on like clockify
you did not uploaded code or this video, please update if avilable
please kindly do video on search filter using rtk query...thanks
Great video with easy explaination. Thanks a lot!
Thanks Dipesh, your videos are always really helpful!
I like your videos about rtk a lot. Hopefully you will make more videos!
Thank you soooo much, clearly explained, right to the point, amazing work. Bravo!!!
Glad you enjoyed it!
Thank you for the explication, it was very clear and saved me a lot of time. continue making more good videos like this
Such a great video, thanks bro, keep it up
This Video is all you need
Great !!! thank you so much
Thanks you so much! I never find info about RTK Query on TH-cam, less in Spanish but this is amazing video!
Glad it was helpful!
Great!
Thank you it helps me lot
cool, looking forward to more with NextJS.
Thank you so much, it is really helpful for me!
super dupar tutorials man
Thanks Alphinex!
u r the best
i have watched many video but ur explaination was superb.
thank u so much sir.
Thanks and welcome
Amazing video available on RTK Query and Mutation
you explained it clearly. Thnaks
Thanks!
❤always best
Neat and clean (just added in my watching list will use it in my next assignment) .....looking forward for more, also please can we have something just with JS, as I have seen all are following TS cause of rtk documentation.
Plus use something like JSON placeholder (not locally) in that maybe🙌🏻
Owsm
amazing instruction!!!
Thank you so much
Great explanation, thank you for this resource!
Glad you enjoyed it!
very well explained, Thank you so much!
Glad it was helpful!
Awesome videos - great information - great explanations 😃😃😃
Thanks so much!
LOVE THE VIDEO. CANT WAIT FOR PART 3
Unfortunately, I don't have third part. I am think want else is required to be included in RTK query to make part 3.
@@DipeshMalvia Part 3, editing the contact in a form.
Thank you for the amazing tutorial. I have a problem, automated re-fetching is not working when I put form in a modal or a drawer and display data on a table. Both on different component.
thank you for this video
Thanks alot, and keep going making new vidoes
awesome! thanks
nice video, thanks bro
Thanks a lot sir, now it's time to say Goodbye to Redux Saga :))
very helpful video I ever seen :)🤗
Thanks 😀
Good video!
Any idea how to implement data prefetching? I need to prefetch some stuff in the background while my components are rendering.
Nice.
Thank you! Cheers!
thank you bro from Kazakhstan
Welcome bro!
bro bro brooooo, thanks for 14:21, i had a bug here:), but now i can resolve it:)))))))))
Wonderful!
cool !) we wait new video! thanks! =)
Thank you 🤗
Hi bro, ur videos are great and I'm following, can u pls make Video on Login-System in two ways like:
1. With sample static JSON data for creds
2. With NodeJS server.
Waiting for ur Video bro. Thank you 😊
Your videos are great. Really helpful. Can u pls put videos more frequently. You keep too much gap
Sir how to implement infinite scrolling and fetching data for scrolling in React and redux please make video on it
yes sir please make a video on it
Next JS tutorial please, thank you!
Do you have the final code for this second video? The repo seems to only have the code from the 1st video. This was a great crash course... thanks
i need help in displaying success/error response of mutation result..
Hi Dipesh,
Thanks for the video, It is ultimate.
can you please help me out , how to use redux devtool to indentify which url we are posting via redux devtool.
Thanks
Hi can you please explain createSelector, createEntityAdapter and getSelectors? Thanks for the contents you put out here
Hi Dipesh This is nice example for Redux rtk query .
But I need your suggestion ex
1 api is post method and this is get user list
2 api is post method there just pass data
I am calling 2 api then how to Re-fetching 1 api
hi dipesh can make a video for writing unit test for this movie app
@DipeshMaliva
I need some suggestions from u about rtk queries
I had a scenario of 3 APIs
1. Task generate api it's a post api so I can use mutation for that.
But after that I got response as taskId I need pass to
Second api it's a get api as status query it gives response as converting/ completed
So if it's completed
I need to pass that taskId to download api it will give result that result I am blob and downloading
Can u suggest me for second and third api how to call inside the function
After being back into RTK query I am wasting time in having a 200 response but the { data, } remains undefined, even after waiting. Fetching, loading keep being true. Endpoint type? What could be the reason?
Why providesTags['Contact'] and invalidatesTags['Contact'] are throwing error ? Please answer me if anybody knows how does it work ?
Why does RTK query fetch contact id 3 after you deleted it?
Anyone know how to cancel requests/provide abort signal to rtk-query?
Thanks unit test can u do??
How can we apply socket in instead of query mutations and refetch? It would be great help if anyone can answer.
Thanks
*socket io
why dont we just use react query ?
redux toolkit query has a lot of boilerplate code
@dispesh can u make tutorial on unit testing(jest)
Sure, will add it in my list. Thanks
Thanks dipesh
धन्यवाद हिन्दू भाई!
Welcome!