CF

React Query (OLD)

7h 1m 30s
English
Paid

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

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

#TitleTypeOpen
1Book 1 —
2Book 2 —
3Book 3 —

Course content

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

Related courses

Frequently asked questions

What is React Query (OLD) about?
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…
Who teaches React Query (OLD)?
React Query (OLD) is taught by UI.dev (Tyler McGinnis). You can find more courses by this instructor on the corresponding source page.
How long is React Query (OLD)?
React Query (OLD) contains 57 lessons with a total runtime of 7 hours 1 minute. All lessons are available to watch online at your own pace.
Is React Query (OLD) free to watch?
React Query (OLD) is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch React Query (OLD) online?
React Query (OLD) is available to watch online on CourseFlix at https://courseflix.net/course/react-query-old. The page hosts every lesson with the integrated video player; no download is required.