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

Magic UI Pro

Magic UI Pro

Sources: Dillion Verma
Magic UI Pro is a platform for creating modern, visually appealing landing pages with minimal effort. It offers over 50 pre-designed...
Build and Deploy a Lovable Clone

Build and Deploy a Lovable Clone

Sources: Code With Antonio
In this course, you will create an AI platform for generating applications from scratch. You will learn how to build fully functional full-stack applications...
10 hours 34 minutes 16 seconds
The interactive way to master modern React - react.gg (FULL COURSE)

The interactive way to master modern React - react.gg (FULL COURSE)

Sources: ui.dev (ex. Tyler McGinnis)
OPTIMIZED FOR AHA! We’re obsessed with helping you reach your aha! moments. Our text sections help you master the “why” behind React concepts and include fun, i
7 hours 53 minutes 34 seconds
React Fundamentals

React Fundamentals

Sources: ui.dev (ex. Tyler McGinnis)
If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of developers and maintain...
4 hours 36 minutes 46 seconds
Build Web Apps with React & Firebase

Build Web Apps with React & Firebase

Sources: udemy
React is a hugely popular front-end library and React developers are always in hight demand in the web dev job market. In this course you'll learn how to use React from the grou...
23 hours 34 minutes 47 seconds