TanStack Query Crash Course | Building a Chat Application

TanStack Query is the best asynchronous state management tool out there. In this video, we'll build a chat application using TanStack Query. We will learn about creating robust queries, mutations, WebSocket connections, how to update the query cache, handling optimistic updates, and much more.

00:00 Intro
02:18 Project Overview
16:37 Virtualizing the Message List
19:41 Setting up TanStack Query incl. Dev Tools
22:49 The useQuery Hook
33:19 useQuery Extra Options (staleTime, gcTime, refetching, & retries)
37:42 The useMutation Hook
41:22 Updating the Cached Data: Optimistic Updates
48:42 Best Practice #:1 Immutability in Cache Updates with Mutative (Immer Alternative)
52:32 Best Practice #:2 Improving Type-Safety with Wrapper Hooks
57:34 Implementing Cache Updates w/ WebSockets

[ajaydeepsinghrajpoot]

Man! You're really pushing out the great stuff.

[geekthegeek]

very informative and well structured crash course

[megamind]

Subscribed and instantly became your fan. Thanks for sharing your knowledge.

[RatherBeCancelledThanHandled]

Thank you . Very thorough and detailed ❤✌️

[destocot]

wow this was a lot of information appreciate it would love to see a unit test or two

[tekne]

Great tutorial! Can you make a video about Turbo, covering best practices and how to deploy it?

[ayushgandhi]

Hi Lacus, what did you use for managing the monorepo? I would like to know the proper way to structure the backend and frontend in a monorepo for scalable projects.

[Isookov]

Hey Lucas - any plans for a full stack app impl course?

[GautamSharma]

What is your vs code theme name? It is really good

[curator]

I've never used bun, I'm a node user will it work

[Лаурахит]

Приятный урок, но использование bun выглядит не доработанным. Нравится голос автора, приятно излагает. Классный проект.

[raggedprogram]

the problem is everyone gives the videos but not the resources. And they start working out of nowhere. if you share the resources then it will be good for us to not only learning, for learing better. hope you will understand my concern.