In this course, you will learn how to wield React Query as your go-to weapon of choice for defeating and overcoming the challenges and hurdles of server state. You will learn to control your asynchronous data in your apps before it starts to control you.
React Query - Essentials (v2)
2h 54m 5s
English
Paid
React Query - Essentials (v2) is a 47-lesson 2 hours 54 minutes self-paced course by Tanner Linsley. In this course, you will learn how to wield React Query as your go-to weapon of choice for defeating and overcoming the challenges and hurdles of server state.
Course facts
- Lessons
- 47
- Duration
- 2 hours 54 minutes
- Language
- English
- Instructor
- Tanner Linsley
- Price
- Premium
At the end of this course, you will:
Have a better understanding of server-state and its unique challenges, patterns and how to solve for them
Be a master of caching, and have the tools and knowledge to configure it, instead of implementing it by hand yourself.
Know the entire core React Query API and how to pragmatically use all of it's unique features in your applications
React Query and the concepts you learn will help you:
Remove many lines of complicated and misunderstood data fetching code from your application and replace them with just a handful of lines of React Query logic.
Make your application more maintainable and easier to build new features without worrying about wiring up new server state data sources
Have a direct impact on your end-users by making your application feel faster and more responsive than ever before.
Additional
Who teaches React Query - Essentials (v2)? Tanner Linsley
Tanner Linsley is a US developer and the creator of the entire TanStack family of libraries — including React Query (now TanStack Query), TanStack Router, TanStack Table, and the broader open-source toolset that has reshaped how React applications handle data fetching, routing, and table rendering.
His CourseFlix listing carries React Query — Essentials (v2). Material is paid and aimed at React developers building real applications with TanStack Query as their data-fetching foundation.
What lessons are included in React Query - Essentials (v2)?
0:00
/ #1: Installing React Query
All Course Lessons (47)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Installing React Query Demo | 00:39 | |
| 2 | Basic Queries | 03:20 | |
| 3 | video icon Query Loading State | 01:40 | |
| 4 | Query Error State | 01:50 | |
| 5 | React Query Devtools | 01:57 | |
| 6 | Automatically Refetching Queries on Window Focus | 01:28 | |
| 7 | Query Refetching Indicators | 00:54 | |
| 8 | Configuring Query Stale Time | 01:24 | |
| 9 | Configuring Query Cache Time | 02:33 | |
| 10 | Query Keys and Caching | 02:05 | |
| 11 | Using Custom Hooks to Share and Reuse Queries | 02:43 | |
| 12 | Parallel Queries | 01:17 | |
| 13 | Using Props and State in Queries | 03:38 | |
| 14 | Disabling Queries | 00:56 | |
| 15 | Multi-part Query Keys | 01:33 | |
| 16 | Automatic Query Retries | 02:52 | |
| 17 | Query Cancellation | 05:20 | |
| 18 | Dependent Queries | 03:12 | |
| 19 | Supplying a Query with Initial Data | 01:37 | |
| 20 | Marking Initial Query data as Stale | 01:37 | |
| 21 | Querying Related Lists and Items | 07:16 | |
| 22 | Seeding Initial Query Data from Other Queries | 05:42 | |
| 23 | Using Query Data to Seed Future Queries | 03:40 | |
| 24 | Query Side-Effects | 04:12 | |
| 25 | Scroll Restoration | 04:10 | |
| 26 | Query Polling with Refetch Intervals | 03:24 | |
| 27 | Query Invalidation Basics | 01:34 | |
| 28 | Invalidating Without Refetching Active Queries | 01:34 | |
| 29 | Invalidating & Refetching Inactive Queries | 02:40 | |
| 30 | Invalidating Multiple Queries with Similar Query Keys | 04:06 | |
| 31 | Basic query prefetching | 03:35 | |
| 32 | Hover-based query prefetching | 03:57 | |
| 33 | Prefetching & Stale Time | 02:28 | |
| 34 | Forced Prefetching | 01:57 | |
| 35 | Mutations Overview | 05:41 | |
| 36 | Mutations with the useMutation Hook | 07:10 | |
| 37 | Mutation Side-Effects | 07:00 | |
| 38 | Updating Query Data with Mutation Responses | 09:53 | |
| 39 | Optimistic Updates for List-Like Queries | 07:06 | |
| 40 | Rollbacks for List-Like Queries | 05:52 | |
| 41 | Optimistic Updates for Single Entity Queries | 02:07 | |
| 42 | Rollbacks for Single Entity Queries | 03:04 | |
| 43 | Paginated Queries | 09:54 | |
| 44 | Prefetching Paginated Queries | 03:54 | |
| 45 | Infinite Queries | 09:59 | |
| 46 | Using React Query with Next.js (Part 1) | 05:45 | |
| 47 | Using React Query with Next.js (Part 2) | 03:50 |
Unlock unlimited learning
Get instant access to all 46 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionWhat courses are similar to React Query - Essentials (v2)?
UpdatedDjango with React | An Ecommerce Website
By: Brad TraversyBuild a full ecommerce platform from scratch with React, Redux, and Django, including cart, reviews, admin tools, and PayPal checkout.18h 6m5/5
UpdatedPython/Django + React QR Digital Menu Builder
By: PythonYogaBuild a QR-code digital menu app for restaurants with Python/Django and React, including Stripe payments and Heroku deployment.10h 49m3/5
Updated 2y agoDiscord Clone - Learn MERN Stack with WebRTC and SocketIO
By: UdemyLearn how to connect MERN Stack with WebRTC and SocketIO. We will go through all of the steps to create application with group call functionality. We will crea19h 29m
UpdatedLaravel with React JS - Build Twitter Like Real Time Web App
By: UdemyBuild a Twitter-like real-time app with Laravel and React: follow/unfollow, Ajax with axios, and live updates via Pusher and Echo.4h 56m
ClassicThe Road to Next
By: Robin WieruchAs a full-stack developer, you have numerous opportunities. Whether it's launching a successful startup, building a career in a corporate company, or.30h 40m5/5
FreeUpdatedMaster Class: React + Typescript 2021 Web Development
By: UdemyFree course: master maintainable React patterns with TypeScript by building a full e-commerce shop from scratch, no UI libraries used.22h 4m
NewTanstack Start Course For Type-safe, Full-stack React.
By: JavaScript Mastery, Adrian HajdinMaster TanStack Start and create a type-safe full-stack application on React. The course offers practice, architecture, and a portfolio-level project.6h 36m
Updated 3y agoMERN Invoice Web App with Docker,NGINX and ReduxToolkit
By: UdemyHi, welcome to this course on building a functional fullstack MERN app, that can be used for generating invoices, quotations and receipts. We shall build this24h 38m5/5
Frequently asked questions
What are the prerequisites for enrolling in this course?
Before enrolling in this course, students should have a solid understanding of React, including hooks and components, as React Query is a library designed to manage server state within React applications. Familiarity with asynchronous JavaScript, such as promises and async/await, will also be beneficial as the course focuses on controlling asynchronous data.
What will I build or learn to manage using React Query in this course?
In the course, you'll learn to manage server state efficiently using React Query. Key topics include handling query loading and error states, configuring query cache and stale times, and using custom hooks to reuse queries. You'll also work with advanced concepts like paginated and infinite queries, query side-effects, and integrating React Query with Next.js.
Who is the target audience for this course?
The course targets developers who are already comfortable with React and looking to improve their application's data fetching and state management. It is ideal for those who encounter challenges with server state and wish to gain more control over asynchronous data operations in their applications.
How does the depth of this course compare to other React Query courses?
This course provides a comprehensive overview of essential React Query features, spanning 47 lessons. The curriculum covers both basic and advanced topics, such as query caching, invalidation, mutation handling, and integration with Next.js. It is designed to equip developers with the skills needed to manage server state effectively in real-world applications.
Does the course cover any specific tools or platforms?
Yes, the course specifically covers React Query Devtools, which provides an interface to inspect and manipulate queries, mutations, and query caches. Additionally, there is a focus on using React Query with Next.js, helping developers understand how to integrate the library with server-side rendered applications.
What topics are NOT covered in this course?
The course does not cover React fundamentals or general state management libraries beyond React Query. It assumes prior knowledge of React and does not delve into other data fetching solutions or GraphQL. The focus remains strictly on managing server state using React Query.
What is the estimated time commitment for this course?
The course has a total runtime of approximately 2 hours and 54 minutes, divided into 47 lessons. Students should allocate additional time for practice and implementing the concepts in their projects, which could vary based on their prior experience and familiarity with the topics.