CF

React Query (OLD)

7h 1m 30s
English
Paid

React Query (OLD) is a 57-lesson 7 hours 1 minute self-paced course by UI.dev (Tyler McGinnis). Master React Query with our comprehensive and official React Query course.

Course facts

Lessons
57
Duration
7 hours 1 minute
Level
All levels
Language
English
Updated
Instructor
UI.dev (Tyler McGinnis)
Price
Premium

Master React Query with our comprehensive and official React Query course. Skip the extensive documentation and dive into a streamlined learning experience. Our course feels like having a knowledgeable friend guiding you step-by-step through each crucial concept, helping you apply what you learn effectively. It's our secret sauce for success in React Query.

Why Learn React Query?

React Query is an essential tool that can aid in avoiding technical debt. By mastering React Query, you can enhance your productivity and the efficiency of your projects.

Key Benefits of Learning React Query

  • Reduce Complexity: Delete hundreds of lines of unnecessary code and simplify your applications.
  • Effortless Data Fetching: Eliminate concerns around data fetching with React Query's robust solutions.
  • Advance Your Career: Level up your skills, making you eligible for raises and more advanced positions in your career.

Additional

Who teaches React Query (OLD)? 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.

What lessons are included in React Query (OLD)?

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 (OLD)

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

What courses are similar to React Query (OLD)?

Frequently asked questions

What prerequisites should I have before starting this course?
To make the most of this course, you should have a solid understanding of React and JavaScript. Familiarity with state management in React will also be beneficial as React Query extends these concepts to handle server-side data fetching and caching effectively.
What projects will I build during the course?
Throughout the course, you will work on several projects, including setting up React Query, creating user avatars, filtering data, handling errors, adding issues, and implementing pagination. These projects are designed to help apply the concepts covered in each lesson practically.
Who is the target audience for this course?
This course is aimed at React developers looking to simplify their codebase by managing server-side data more efficiently. It is suitable for those who want to enhance their productivity and career prospects by mastering React Query.
What specific tools or platforms will I learn to use?
The course focuses on React Query, teaching its use for data fetching, caching, and synchronization in React applications. You will also learn about React Query DevTools for debugging and optimization, and how to use React Query with GraphQL and TypeScript.
What topics are not covered in this course?
The course does not cover the basics of React or JavaScript, as it assumes prior knowledge in these areas. Additionally, it focuses specifically on React Query, so broader topics such as general API development or other state management libraries are not included.
How much time will I need to complete the course?
The course consists of 57 lessons. The total runtime is not specified, but given the comprehensive nature of the material, you should allocate sufficient time for both watching the lessons and completing the exercises and projects to fully grasp the concepts.
How can the skills learned in this course benefit my career?
Mastering React Query can significantly reduce the complexity of your applications, making your codebase cleaner and more efficient. This can lead to increased productivity and open up opportunities for more advanced positions or salary increases in your career.