React Query Makes Writing React Code 200% Better

I absolutely love React Query, also known as TanStack Query. This library singlehandedly makes working in React so much nicer and I can’t imagine creating a large scale project without it. In this video I will show you what React Query is, what it can do, and demo all of that in an application.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:38 - TanStack Query Overview
01:17 - Project Overview
02:41 - useQuery Basics
09:00 - useMutation Basics
11:54 - Pagination
13:18 - Infinite Scrolling

#ReactQuery #WDS #TanStackQuery

[tyrellbb]

I love TanStack Query too. I used it on a recent project. Well done Kyle. This is an extensive yet succinct overview.

[EvertJunior]

You're the best teacher on YouTube, your explanations are always clear and fast, thank you so much. What I don't like about solutions like this is all the pop-ins and excessive loading states. For us developers this is nice and efficient but for users it's distracting and overall bad UX. I like the server rendering approach of Next which is fast like static but interactive where needed. React itself seems to be going in that direction with server components. Exciting times for web developers!

[tashriser]

Man, I love this lib! ❤ Great overview, Kyle! Can't get enough of your videos.

Man, please develop a small to mid size project showing how to organize the codebase with React Query alongside a state management library like Zustand.

[alexeleave]

This is incredible clear and great overview. You filled my gaps with this demonstration, I love you, dude! ❤😄

[masaeedi]

I have just started working with React Query and it has been just an amazing experience. Still learning to get better at it

[leonardofernandesperes]

I was looking at react query yesterday and you come wit hthat video, thank you mate!

[MultiSgar]

Thanks for this tutorial! It's very clear and concise: I am almost done migrating the front end of my project to react query thanks to you.

[_benjimouse_]

I joined a project about 9 months ago, which was deeply into useEffect/Redux hell. The cognitive load to understand what was going on some screens was exhausting. I proposed we use a query manager, and we settled on TansStack. The code we've been writing for new functions is significantly simpler and more "React-y". It's pretty much essential to be using it or something similar imo.

[pallu]

This is great! Thanks for what you do, please don't stop researching. Your work is so valuable!

[Orenrs]

Finally ;) waited for this video! If you can do a video where you can show the different implementation of "with" react-query and "without" so we can see the true advantage

[eduardodrumond]

This is very similar to Apollo Client, which was built for graphql. So nice to see good ideas spreading it through the community. :)

[hariramnandagopal]

Great video.

A small heads up, that getPost does not need to be a Promise.

If your use case does not involve asynchronous operation, You can call normal function and still get all the benefits ✌️

You can even use React query as a mini state manager too 😅 so many use cases.

[damiancardozodelgado]

well done mate, well done, it is a great summary of the principal topics, ty really handy

[mins-dtnofficial]

Looking forward to the full course, thanks you.

[Chitus]

Great video.

A small heads up, that getPost does not need to be a Promise.

If your use case does not involve asynchronous operation, You can call normal function and still get all the benefits ️

You can even use React query as a mini state manager too so many use cases.

[luciusartoriusdante]

So cool, looking forward to that tutorial!

[calvinwilliams]

Ill be very happy if the crash course is ready

[kienboy]

Hi, one of your big fan here. Please do videos about advanced product filter and search on ecommerce sites. Thanks.

[temanangka]

Thank you Kyle for creating great videos.
May I ask a request? Please explain to me what is cache, local storage, and session storage.
Thanks.

[yakovavraham]

Sounds like using the cache and refetch in the background then update the state when we get a response can lead to a bad UX especially when fetching takes a relatively long time