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 3y agoBuild a React & Redux App w CircleCI CICD, AWS & Terraform
By: UdemyReact is one of the most popular library's for building client apps with HTML, CSS and JavaScript. If you want to establish yourself as a front-end or full-stac25h 45m0/5 -
Updated 2y agoAdvanced React For Enterprise: React for senior engineers
By: UdemyWelcome to the React for Senior engineers course ! Knowledge of React is 100% required for this course. I've been working with React.js for over 5 years now6h 4m -
Updated 3y agoMicroservices with Node JS and React
By: Udemy, Stephen GriderEvent-Based Architecture? Covered! Server side rendering with React? Yep. Scalable, production-ready code? Its here!54h 13m5/5 -
Updated 1y agoAdvanced React Patterns
By: Cosden SolutionsMaster Advanced React Patterns - Explore over 700 minutes of comprehensive instructional material focusing on advanced React patterns.12h 7m5/5 -
Updated 2y agoLaravel with React JS - Build Twitter Like Real Time Web App
By: UdemyDo you want to use React Js with Laravel to build powerful web applications? How about building a twitter like real time web app while learning Modern JavaScrip4h 56m -
Updated 2y agoDiscord Clone - Learn MERN Stack with WebRTC and SocketIO
By: UdemyLearn how to connect MERN Stack with WebRTC and SocketIO. We will go through all of the steps to create application with group call functionality. We will crea19h 29m -
Updated 1y agoCreate your Dream Apps with Cursor and Claude AI
By: DesignCode (Meng To)Unlock the potential to create your dream web applications from the ground up with our comprehensive course.5h 46m5/5 -
Updated 2y agoMastering Maintainable React
By: UdemySupported by React is a comprehensive course designed to teach you the best practices for writing clean and maintainable code in React.7h 8m5/5
More courses by UI.dev (Tyler McGinnis)
-
Updated 3y 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 3y 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 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 -
Updated 3y 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.