one question, how to access the loading or data states of one rtk hook from one component to others? like if i did a mutation in component A then i want to access the loading state of mutation in component B, how to do so?
@factedge well that didn't worked, what i found was, we gotta give fixedCacheKet to the hooks of rtk query, and then use the same hook with same cacheKey then it worked as expected
Sir mainy rtk query basic smj a gya h but rtk query docs me bht important section customize query ka usko b cover kr dety mainy docs dekha but smj ni ai
bhai m join krna chahta hu but kya pata muje vo sb phele se aata ho jo aap isme sikhaoge. so plz list share kr skte ho kya konse topics sikhne ko milege
00:00 - Intro
04:24 - Getting Started
06:07 - Installing Packages
06:56 - Backend Setup
09:68 - Creating Slice
22:53 - Creating a Store
27:45 - promo
29:17 - Fetch Data and show in UI
34:23 - Setup React-Router-DOM
45:15 - CREATE Operation
54:28 - update & re-fetching issue explanation
55:55 - automated re-fetching explanation
58:00 - adding TAGS to slice
01:02:31 - DELETE Operation
01:06:05 - EDIT Operation
01:20:33 - Tranform Response
01:26:45 - Outro
Thanks alot
Excellent explanation, sir. Today, my whole day went in frustration about RTK queries, but now I understand how to use it. Thank you very much!
Thanks Bro.... Your way of teaching is awesome.
have never watch this simple explanation in a while on complex topic.
@@AbdullahWaseem-t8b thnx alot
Tutorial was amazing , since many youtubers only taught code your was different
Hi Sir , We love your content so much , as you explain every one can understand
Thnx alot
Your way of explanation is too good, I understood everything about rtk query, Thanks a lot.
Thnx alot for the appreciation
That video is extremely helpful video thanks you so much sir ❤
Best Video and Explaination Ever!
Someone please comment the timestamps for this video .i will pin it.
Your videos are very informative. Please add new videos related to DSA required for cracking Javascript and also coding questions related to ReactJs.
Maybe in future. For now please check roadside coder or js cafe channel for dsa , they have some good video on frontend dsa
Thank you so much bhai.. This is the best video on Internet for RTK query
@@ShaikhShaad thanks alot🙏
very useful tutorial very precisely explained...keep up the nice work :)
Bhaiya next video please make on using TypeScript with full explanation of each concept
sir app bhot mast padate ho bas video thoda frquently dalo. keep it up!!
great explanation
@@rakeshkumarparida98 thankyou
love this rtk
Great ❤❤❤
hush shabash ay
Hey there can you make a video on how to use we socket using rtk query it'll be really helpful thnq
Which one is best rtk query or tanstack query and can we use redux with tanstack query
shukria bhai
Thanks for this video
nice video. Thanks
one question, how to access the loading or data states of one rtk hook from one component to others? like if i did a mutation in component A then i want to access the loading state of mutation in component B, how to do so?
@factedge well that didn't worked, what i found was, we gotta give fixedCacheKet to the hooks of rtk query, and then use the same hook with same cacheKey then it worked as expected
Thank you bro
Sir react query me hu add to card par video banao na please
Thanks
Please make a crash course on typescript and typescript-react
sir redux pe ek complete advance tutorial laiye jisme advance use of RTK query and redux ho with professonal way
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
sir ❤❤❤❤
Bhaiya why did we made the interface in students.model.ts and made a new Models folder?? Why we didnt define the interface/type there itself??
To make it reusable.
this is amazing sir.
I have a question. I got stuck in handling responses. lemme share the code here.
from express:
const existingUser = await db.user.findUnique({ where: { email: email } });
if (existingUser)
return res
.status(409)
.send({ message: `User, ${username} already exists` });
how to extract this response and use it in my component?
const response = await addUser(formData);
console.log(response);
if ("data" in response) {
toast({
title: "Success",
description: `${response.data?.message}`,
});
} else {
toast({
title: "Error",
description: `${
"error" in response
? response.error?.data?.message
: "Something went wrong"
}`,
});
}
Property 'data' does not exist on type 'FetchBaseQueryError | SerializedError'.
Property 'data' does not exist on type 'SerializedError'.ts
nice
Me aapki sari video dekhuga muje react developer Banna hai 😢
make tutorial of react, redux persist
How todo pagination
Sir mainy rtk query basic smj a gya h but rtk query docs me bht important section customize query ka usko b cover kr dety mainy docs dekha but smj ni ai
sir g styled component ka bhi ik crash course banaye please
Noted
one crash course for typescript
bhai m join krna chahta hu but kya pata muje vo sb phele se aata ho jo aap isme sikhaoge. so plz list share kr skte ho kya konse topics sikhne ko milege
The course content is clearly mentioned on the website. Feel free to check it.
Hii Sir,
How To Handle Error When Mutating , Or Showing Backend Response
I Figure it out , Thanks for The Tutorial Sir
Which is better rtk query or react query?
It's depends if you are using redux toolkit in your than go with rtk query else using react query
kash ap js use krty ts ki jagah tu best hota
Kabhi na kabhi ts sikhna hi hoga..you cant run.. better learn it now..
provide this in javascript also
sir add edit ek sath bnake confuse krdiya
But this is way how you should be writing in production.
Hey please add optimising update into it