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 agoPHP Symfony 4 API Platform + React.js Full Stack Masterclass
By: UdemyHave you ever wanted to advance your PHP skills to the next level? Maybe you have some prior PHP experience but you never had a change to work with a framework?19h 24m -
Updated 10mo agoBuild and Deploy a Lovable Clone
By: Antonio Erdeljac (Code With Antonio)Unlock the potential of AI in application development with this comprehensive course, where you will build and deploy an innovative AI platform from scratch.10h 34m -
Updated 3y agoNFT Marketplace in React, Typescript & Solidity - Full Guide
By: UdemyThe course covers everything you need for a decentralized NFT application according to the ERC721 standard. Students of this course will learn about NFTs by cre16h 20m -
Updated 2y agoReact and NodeJS: A Practical Guide with Typescript
By: UdemyI'm a FullStack Developer with 10+ years of experience. I'm obsessed with clean code and I try my best that my courses have the cleanest code possible. My teach6h 54m5/5 -
Updated 3y agoDjango with React | An Ecommerce Website
By: Brad TraversyBuild an eCommerce platform from the ground up with React, Redux, Django & Postgres.18h 6m5/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 Formula - Learn Frontend Development
By: Alvin ZablanLearn to create modern interfaces using React, Tailwind CSS, and other tools. Most React tutorials are not designed for real beginners and do not help.23h 47m5/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
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.