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 6mo agoMastering React.js Interviews: From 0 to Hero
By: Kristiyan VelkovThis book is your guide to preparing for interviews on React.js. Master key concepts and techniques for successfully navigating interviews.5/5
FreeUpdated 2y agoMERN Stack Front To Back: Full Stack React, Redux & Node.js.
By: Udemy, Brad TraversyWelcome to "MERN Stack Front To Back". In this course we will build an in depth full stack social network application using Node.js, Express, React.11h 52m5/5
Updated 2y agoThe Software Architect Mindset (COMPLETE)
By: ArjanCodes (Arjan Egges)The The Software Architect Mindset course teaches the fundamentals of software architecture and provides practical advice on creating software products that.12h 6m5/5
UpdatedCreate your Dream Apps with Cursor and Claude AI
By: DesignCode (Meng To)Build a complete web app with React, Firebase, and Stripe, using the Cursor editor, Claude AI, and other AI tools throughout.5h 46m5/5
Updated 3y agoFull Stack HATEOAS: Spring Boot 2.1, ReactJS, Redux
By: UdemyFull Stack introduction to HATEOAS. In this course, you will learn the core concepts of HATEOAS as well as how to leverage this on a ReactJS Application.5h 51m
ClassicMERN Stack From Scratch
By: Brad TraversyWe spend 12 hours creating this project from scratch. It includes a multi-step checkout process with PayPal integration, product search, rating & review, user p13h 32m5/5
UpdatedClassic React
By: Build UIA 54-lesson React course from Build UI moving from core concepts like state and props through to building complete applications.4h 10m5/5
Updated 3y agoReact Hooks
By: UI.dev (Tyler McGinnis)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
More courses by UI.dev (Tyler McGinnis)
UpdatedReact Router v4
Learn React Router v4's component-based routing model by building a full app, covering nested routes, auth flows, and server rendering.6h 44m- Updated 3y ago
React 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 3y 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 3y 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
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.