React Query Tutorial - 6 - Query Cache

Use coupon code: CodevolutionYoutube for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% OFF lifetime discount to your subscription. Enjoy and feel free to invite others to your workspace!

📱 Follow Codevolution

React Query Tutorial on Query Cache
Query Cache with React Query

[exodion]

What is the advantage of caching if the data is going to be re-fetched and it's going to cause a re-render of the component anyway? Shouldn't there be a way to check if the re-fetched data is the same so we don't need to re-render the component?

[thecutedreamkostasp.]

Best useQuery tutorial BY FAR out there! I have a question! U said that a background refetch is happening after a new mount but if the data is the ssme the page dont change! But it stills rerender right? So if we use memo we prevent rerenderi g?? Ty a lot !

[muhammadjunaid]

SIr you are just wow... Thank you so much for such an amazing content for free. love from Pakistan

[Kattarhindusanatan]

There is a problem though..It make a call to API again and hence all the component gets rendered. It causes performance issue.

[ИззатТурсунов]

who use query v-5
const {data, isLoading, isError, error, isFetching} = useQuery({
queryKey:['super-heroes'],
queryFn: fetchSuperHeroes,
gcTime: 5000,
})

[thosan]

Super clear and helpful series, you don't know how much I appreciate this, thank you sir

[kazinoman]

Love this series. Hope we will get more awesome series like this. Best of luck. Assalamu alikum

[hos]

how it is caching and there is a request in devtools at the start of the video?

[doubleT]

3:05 so this helps rendering times and client side performance of the page – but is not taking any load off the API as it fires the same amount of requests as without react-query, correct?

[yashchauhan]

What about the user interaction with the data ? Like we store it in useState etc and apply some on clicks etc

[ajaykumarreddyk]

Thanks for nice explanation. Need to one clarification. only the results are cached? and still calls made to the back end rest api. is it comparing the results of the cached ones against the one fetched from the server

[shivanshuupadhyay]

Sir thank you so much ❤ for giving such content free..

[Jai-xqhi]

Amazing series and wonderful explanation

[verbient]

Hey dude, where did you get the ReactQuery console on thebottom ?

[PravinGaikwad-dufq]

Very crisp and clear explanation, Thank you so much from Maharashtra, India🤩

[jewoo_]

Then Is it always better to configure longer cache time ???

[ironyman]

Can the function be an unique identifier? I thought the query key was the unique identifier.

[namanrajput]

can we cache a gltf file in next js using react-query???

[syrian]

best one on youtube explained react query

[razac_zr]

please how did you do the empty cash / hard reloading