React Query - Essentials (v2)

2h 54m 5s
English
Paid

Course description

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.

Read more about the course

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.

Watch Online

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

Watch Online React Query - Essentials (v2)

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

React Simplified - Beginner

React Simplified - Beginner

Sources: webdevsimplified.com
A complete video course with just under 11 hours of content spread across 79 videos and 10 modules. This may be called a Beginner Course, but it doesn't just s
10 hours 58 minutes 46 seconds
Redux Saga

Redux Saga

Sources: pluralsight
Redux Saga is a fast-growing library with over 9,000 stars on GitHub. It lets you rapidly create asynchronous apps using a new tool called ES6 Generators. In th
2 hours 54 minutes 54 seconds
Scale React Development with Nx

Scale React Development with Nx

Sources: egghead
On the surface, starting a project sounds easy. First you make some directories, install some dependencies, then you write some code. But there's a bit more to
1 hour 34 minutes 10 seconds