CF

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
Level
All levels
Language
English
Updated
Instructor
Tanner Linsley
Price
Premium

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.

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

https://github.com/tannerlinsley/react-query-essentials

Who teaches React Query - Essentials (v2)? Tanner Linsley

Tanner Linsley thumbnail

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)?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 47 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Installing React Query
All Course Lessons (47)
#Lesson TitleDurationAccess
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 subscription

What courses are similar to React Query - Essentials (v2)?

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.