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?
-
Updated 1y agoProject React. Build a complex React project as a total beginner
By: Cosden SolutionsProject React is a course featuring a unique application that will guide you step by step in creating large and complex applications using React. No prior exper16h 31m5/5 -
Updated 2y agoReact Query: Server State Management in React
By: UdemyReact Query has become the go-to solution for server state management in React apps, and for good reason! This smart, comprehensive solution makes it easy to ke7h 39m -
Updated 2y agoReact Three Fiber: The Ultimate Guide to 3D Web Developmen
By: Wawa Sensei3D development is a vast field with many different techniques. This comprehensive guide will give you the necessary tools to get started and resources to.9h 18m5/5 -
Updated 3y agoThe Ultimate React Course 2023: React, Redux & More
By: UdemyIn 2023, React is still the #1 skill to learn if you want to become a successful front-end developer! But it can be hard. There are so many moving parts, so ma67h 14m3/5 -
Updated 2y agoReact, NodeJS, Express & MongoDB - The MERN Fullstack Guide
By: UdemyBuilding fullstack applications (i.e. frontend + backend) with the MERN stack is very popular - in this course.18h 45m -
Updated 1y agoReact Component Testing with Vitest
By: Artem ZakharchenkoThe closer your tests mimic real-world application usage, the more confidence they provide.1h 38m
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 -
ClassicThe 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.