TanStack Query - How to become a React Query God

Are you tired of wrestling with useEffect and manual data fetching in React? Writing multiple pieces of state for one query and having to follow weird practices to get your query to work correctly? In this video, I’ll show you how to leave those frustrations behind and level up your querying game using TanStack Query. We’ll dive straight into the awesome features of TanStack Query, from simple setup steps to powerful caching and lightning fast and efficient queries.

TanStack Query was formerly known as React Query, so don't let the names confuse you, TanStack is just the latest and greatest iteration! TanStack Query/React Query is, from what I have seen, the most widely used querying tool for professional, real-world React apps. That's why this video will help you get started with it, so you can be on your way to becoming a querying god!

Here’s what you’ll learn:

• How TanStack Query simplifies React data fetching, caching, and updates
• Step-by-step setup to get TanStack Query running in your React app
• Hands-on examples of query caching
• Best practices to make your app more performant and code more maintainable

This is by no means a top to bottom tutorial for TanStack Query, rather it's all the essential tools to get you started. In future videos we'll discuss things like query invalidation, stale data, and data synchronization.

Timestamps:
0:00 - Intro/Overview
0:54 - Installation & Setup
2:24 - useQuery()
5:00 - Why TanStack is goated
6:26 - Loading states, error states, refetching, etc.
10:22 - Query options (parameters)
13:44 - Conditional Querying (kinda)
14:53 - Reusable Queries
17:17 - TypeScript safety
20:19 - useSuspenseQuery()
21:39 - Suspense Component
24:15 - Multiple queries

[AustinDavisTech]

Are you interested in more TanStack Query content? Intermediate/advanced topics like data invalidation, stale data, query optimizations, etc, coming soon. Hit that subscribe button and I got you :)

[comoyun]

Love how you showed real world use cases and didn't just stick to basic examples. Great tutorial!

[tomodiero]

This is the best Tanstack query tutorial as far as I am concerned. Everything is explained so well, and you know what you are doing because you understand how to explain things in context, and not skip important details...you are the man!! Thank you.

[nasifuad]

I was mad about not understanding react query. searched everywhere and watched too many damn tutorial to be stuck in tutorial hell. Now I have watched this and learned query like damn straight path . Thanks Man

[rahulpatil]

This is the best video I've seen on tanstack query. You really went in-depth on useQuery. Hopefully you make more on other hooks as well. I would also love to see big project architecture. It's incredible how a single person has created query, table, router by himself.

[whoisyurii]

This video is hidden gem.
Tanstack query is brilliant and with your explanations I can't look back on other alternatives but this Query

[wenfei]

I was overwhelmed by Tanstack's Doc, Somehow landed in here, after watched first 10 mins I smashed the liked button.

[engineeraffluence]

I don't know how I stumbled on this video even when I wasn't searching for tanstack videos. However, you're the best. I just subscribed to your channel and also clicked the liked button.

You did an amazing job with this.

I really love this video

[AMan-ude]

i love how you structured the code, not just easy things that we can read in docs.

[purplena]

Thank you man! Very goog tutorial, without stupid mems and without numerous cuts!

[aryamankarde]

I really loved this content as you've covered most of the topics here succinctly ❤

[cahva]

Great video, thanks. A little "protip": instead of copy pasting when you want to move things, just use alt+arrow key up/down to move the line 😀

[dimitrisqq]

+1 sub. Hands down the best useQuery explanation, straight up, no bs, basic to advanced! Keep it up!

[HeyNoah]

Dude, this was amazing! One of the best tutorials with great examples! Thank you! Everything was so clearly explained and well demonstrated!

[jinyuchen]

I'm completely sold. Well done sir

[novak_sm]

Really good tutorial 👏 you've earned a new subscriber

[dc]

I wish this was the guy making tutorials. We would've actually learned how to preproduce code. It was like watching a teacher do Calc and just saying do it - with no context or reasoning as to why and how (i.e., understanding), meaning it was effectively useless info as you didn't know how to fit the code (and its attached use cases) into different contexts. This is way better than that dog water people usually post. Dude is explaining everything and providing actionable context behind it all.

Edit: BRO HE DOES TEACH!!!

[hashaamejaz]

Great Video !! Please continue what you're doing. I love the fact that you also mention how code is generally written in mid - large scale industry applications.

[buraxta_]

it was super clear and useful, thank you!

[danwiiic]

damn, this is game changer!! thanks for this wonderful tutorial 😊