React Query Tutorial - 3 - Fetching Data with useQuery

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 Fetching Data with useQuery
useQuery Hook

[vr]

For the latest version changes to react query v4+, if you do not see a network requests, wrap the key in the useQuery inside an array. This is a syntax change and I spent almost an hour figuring this out. Great video as always @vishwas

[brandonwie]

I already learned a lot from you, yet your journey never stops. Thanks for great contents! 🔥🔥🔥

[briandevs]

Thank you, I look forward to the following videos

[vuongballoon]

waiting for next video. thank u so much!

[happinin]

a couple of notes on this:

- you dont need axios. save yourself from having to install an extra package and use the fetch API. just as easy and native too.
- the fetchSuperHeroes function you created can be async. so you should also in that case utilise async and await.

[digvijayyamagekar]

The best explanation available on internet

[haiderjaafer]

really great work ... so can uses react-query with big react project

[tesszheng]

Can you make a video comparing react query and graphql, or how to use them together?

[hamidulla]

you should show object representation of data in console log

[panthangianil]

Can you please explain about jest test cases for complex functionalities. Every other tutorials just showing jest test cases for simple buttons.

[lyubomyrkuzenko]

Hi, great playlist. May i ask you to add in the end some patterns and best practices in this area?

[eduardstransky]

Hi! Very good tutorial! As an improvement isn't better if you put fetchSuperHeros function inside RQSuperHeroesPage component with usecallback instead of outside component?

[jaejarabe]

What is the name of that font? Looks clean.

[liamneesan]

I appreciate your time and effort. small clarification much needed, when did you set isLoading to false?. Because you did not use any useState to set the value of isLoading

[srsjuliano]

While posting data, I use something like const {mutate: postData} = useMutate()... and call this 'postData()' from wherever I want.
Why this is not possible while fetching? Like const {data: getData} = useQuery()... it would be much easier and cleaner.

[samvelpetrosyan]

I do the same thing, but it gives me error why?

[edozieonyeanusi]

I didn't get what the first argument was for.

[masterbiz]

Can you. please. explain, what does this construction mean " data?.data." I mean, what the question mark does here? A kind of ternary operator?

[rajatmalviya]

I don't get how isLoading and Data got some value ? If anybody get it please reply.

[jlndev]

Could you please combine it with typescript? So we also know how to properly type the react-query components