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
7h 1m 30s
English
Paid
React Query is a 57-lesson 7 hours 1 minute self-paced course by UI.dev (Tyler McGinnis). Learn React Query with the 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
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
- https://github.com/uidotdev/react-query-course
- https://github.com/uidotdev/react-query-course/tree/2-setting-up-react-query
- https://github.com/uidotdev/react-query-course/tree/3-user-avatars
- https://github.com/uidotdev/react-query-course/tree/4-filtering-labels
- https://github.com/uidotdev/react-query-course/tree/5-filtering-status
- https://github.com/uidotdev/react-query-course/tree/6-issue-details
- https://github.com/uidotdev/react-query-course/tree/7-issues-search
- https://github.com/uidotdev/react-query-course/tree/8-dev-tools-and-fresh-data
- https://github.com/uidotdev/react-query-course/tree/9-error-handling
- https://github.com/uidotdev/react-query-course/tree/10-query-client-defaults
- https://github.com/uidotdev/react-query-course/tree/11-query-cancellation
- https://github.com/uidotdev/react-query-course/tree/12-fetching-states
- https://github.com/uidotdev/react-query-course/tree/13-preloading-data
- https://github.com/uidotdev/react-query-course/tree/14-adding-issues
- https://github.com/uidotdev/react-query-course/tree/15-updating-status
- https://github.com/uidotdev/react-query-course/tree/16-updating-assignment
- https://github.com/uidotdev/react-query-course/tree/17-updating-labels
- https://github.com/uidotdev/react-query-course/tree/19-infinite-pagination
Who teaches React Query? UI.dev (Tyler McGinnis)
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?
0:00
/ #1: Why React Query
All Course Lessons (57)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionBooks
What courses are similar to React Query?
-
FreeClassicFull-Stack React with GraphQL and Apollo Boost
By: UdemyThis course is designed for anyone who wants to start building applications with React and GraphQL!6h 54m5/5 -
Updated 2y agoAdvanced Animating React with Framer Motion
By: Level Up Tutorials (Scott Tolinski)Welcome to Advanced Animating React with Framer Motion! In this series, we will dive into more advanced concepts as well as discuss what is new in Framer Motion2h 57m5/5 -
Updated 2y agoThe React practice course, learn by building projects.
By: UdemyIncluding three full practice project, a landing page, a Firebase project and a fullstack with Mongo DB and Node. Do you want to practice your React coding or j43h 45m -
Updated 2y agoScale React Development with Nx
By: egghead.ioOn the surface, starting a project sounds easy. First you make some directories, install some dependencies, then you write some code. But there's a bit more to1h 34m -
FreeUpdated 2y agoThe Complete Guide to Advanced React Patterns (2020)
By: UdemyBuild reusable React components without relying on if statements or more props! Use hooks & trusted advanced patterns!6h 1m -
ClassicThe interactive way to master modern React - react.gg (FULL COURSE)
By: UI.dev (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, i7h 53m5/5 -
Updated 1y agoBuild a Youtube Clone
By: Antonio Erdeljac (Code With Antonio)In this course, you build a full YouTube‑style app from scratch. You use Next.js 15 , React 19 , and tRPC to create a clear and fast stack.23h 42m
More courses by UI.dev (Tyler McGinnis)
-
Updated 2y agoReact Router v4
For good reason, React Router is the most popular 3rd party library in the React ecosystem. If you're using React, odds are you're also using React Router. Reac6h 44m -
Updated 2y agoReact Hooks
If you never develop a convincing answer for both of those questions, you won t have a solid enough foundation to build upon when you dive into the specifics.3h 47m -
Updated 2y agoReact Fundamentals
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 develo4h 36m -
Updated 2y agoReact Native
The description is simple - learn how to create an iOS and Android React Native app that you submit to both the App Store and the Google Play store. With over 73h 46m -
Updated 2y agoRedux
There's no better strategy for learning a new technology than building your own version of it. In this course, we'll take that to the extreme.7h 13m - Classic
The interactive way to master modern React - react.gg (FULL COURSE)
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, i7h 53m5/5
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.