Skip to main content

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 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 a Youtube Clone

Build a Youtube Clone

Sources: Code With Antonio
In this 24-hour course, you will learn how to create your own YouTube clone using modern technologies. We will go into detail on advanced topics, including...
23 hours 42 minutes 10 seconds
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

Sources: udemy
If you are a person who is not picky about a CSS framework and wants to learn how to create enterprise-grade, practical full stack app using new technologies, then this course i...
13 hours 2 minutes 12 seconds
React & TypeScript Mastery

React & TypeScript Mastery

Sources: Beto Moedano
React & TypeScript Mastery is a hands-on course that will guide you step by step from the basics to an advanced level in developing modern applications on...
24 hours 15 minutes 54 seconds
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)

Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)

Sources: udemy
GraphQL is a query language for your API, and a server-side runtime for executing queries by using a type system you define for your data. GraphQL isn't tied to
28 hours 38 minutes 19 seconds