CF

React Query

7h 1m 30s
English
Paid

Learn React Query with the official React Query course. WANT TO SKIP THE DOCS? There’s an easier way to master React Query. Our linear course is like having a smart, experienced friend sit down next to you, walk you through each concept, and apply what you learn. It’s our secret sauce.

React Query helps you avoid technical debt. We’ll help you master React Query.

  • Delete hundreds of lines of expensive code
  • Never worry about data fetching again
  • Level up your skills to get that raise

Additional

About the Author: UI.dev (Tyler McGinnis)

UI.dev (Tyler McGinnis) thumbnail

UI.dev (formerly tylermcginnis.com) is the online course platform of Tyler McGinnis, a US developer who has been publishing React and JavaScript educational material continuously since 2014. The platform was one of the earliest dedicated React-tutorial sources and remains widely cited for the depth of its long-form courses on JavaScript fundamentals and the React ecosystem.

Course material covers React (including modern hooks-based patterns and Next.js), modern JavaScript (the canonical Modern JavaScript course), Firebase, GraphQL, Redux, TypeScript with React, and the algorithm / data-structure interview prep track. The teaching style is unusually rigorous about the language fundamentals underneath the framework material — Tyler's Modern JavaScript course in particular is a classic of the genre.

The CourseFlix listing under this source carries over 15 UI.dev / Tyler McGinnis courses spanning that range. Material is paid; UI.dev runs on per-course or membership pricing on the original platform.

Watch Online 57 lessons

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: Why React Query
All Course Lessons (57)
#Lesson TitleDurationAccess
1
Why React Query Demo
09:56
2
Your First Query
04:01
3
(Solution) Your First Query
03:18
4
(Project) Starter Template
02:49
5
(Project) Setting up React Query
19:16
6
(Solution) Index Query
02:28
7
(Solution) Querying Individual Records
03:26
8
(Project) User Avatars
07:59
9
Parallel and Dependent Queries
11:55
10
(Solution) Querying Filtered Data
10:47
11
(Project) Filtering Data
13:11
12
(Project) Filtering Status
06:20
13
(Project) Issue Details
16:22
14
(Solution) Search Queries
07:00
15
(Project) Issues Search
08:24
16
Cache States And React Query DevTools
09:16
17
(Project) Dev Tools & Fresh Queries
04:16
18
Error Handling
06:32
19
(Solution) Error Handling
05:47
20
(Project) Error Handling
05:18
21
Using the Query Client
06:20
22
(Project) Query Client Defaults
02:07
23
Manual Query Invalidation
04:05
24
(Solution) Manual Query Invalidation
05:34
25
Query Filters
03:36
26
(Solution) Query Filters
05:38
27
Query Cancellation
05:14
28
(Project) Query Cancellation
02:55
29
Fetching States
02:04
30
(Solution) Fetching States
08:23
31
(Project) Fetching States
04:57
32
Prefetching Queries
14:00
33
(Solution) Placeholder Data
03:22
34
(Solution) Initial Data
02:15
35
(Solution) Preloading Data
09:22
36
(Project) Preloading Data
09:35
37
Mutations
11:54
38
(Solution) Mutations
07:42
39
(Project) Adding Issues
10:33
40
Optimistic Updates
05:00
41
(Project) Updating Status
13:20
42
(Project) Updating Assignment
09:57
43
(Project) Updating Labels
16:50
44
Paginated Queries
06:37
45
(Solution) Paginated Queries
07:23
46
(Project) Pagination
07:57
47
Infinite Queries
12:44
48
(Solution) Infinite Queries
05:10
49
(Project) Infinite Pagination
08:04
50
React Query with GraphQL
04:27
51
Suspense Mode
04:22
52
Render Optimization
04:58
53
(Solution) Render Optimizations
01:49
54
Server-side Rendering
12:38
55
React Query with TypeScript
13:21
56
Testing Queries
08:16
57
What's Next
00:40
Unlock unlimited learning

Get instant access to all 56 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Books

Read Book React Query

#TitleTypeOpen
1Book 1 PDF
2Book 2 PDF
3Book 3 PDF

Related courses

Frequently asked questions

What prerequisites are needed before taking this course?
Before starting this course, students should have a basic understanding of React. Familiarity with JavaScript and modern JavaScript libraries is also recommended, as the course focuses on using React Query within a React application.
What projects will I work on during the course?
The course includes several hands-on projects, such as setting up React Query, developing user avatars, filtering data, handling errors, adding issues, and implementing pagination. These projects help to apply the concepts learned and provide practical experience with React Query.
Who is the target audience for this course?
This course is aimed at React developers who are looking to improve their data fetching and management skills using React Query. It is suitable for those who want to move beyond basic React applications and enhance performance and user experience.
How does the depth of this course compare to other courses on React Query?
This course offers a comprehensive exploration of React Query, covering foundational concepts like query caching, error handling, and mutations. It also delves into advanced topics such as cache states, optimistic updates, and integrations with TypeScript and GraphQL, providing a thorough understanding compared to more introductory courses.
What specific tools or platforms are covered in this course?
The course covers React Query DevTools, which assists in visualizing and debugging queries. It also explores the integration of React Query with GraphQL and TypeScript, demonstrating how to enhance React applications with these technologies.
What topics are not covered in this course?
While this course covers a wide range of topics related to React Query, it does not include an introduction to React or JavaScript fundamentals. Students should seek separate resources to acquire these foundational skills before enrolling.
What is the expected time commitment for this course?
The course consists of 57 lessons, each designed to build upon the previous one. While individual lesson lengths are not specified, students should anticipate investing several hours to complete the course, including time for hands-on projects and exercises.