React Query - Essentials (v2)
Course description
In this course, you will learn how to wield React Query as your go-to weapon of choice for defeating and overcoming the challenges and hurdles of server state. You will learn to control your asynchronous data in your apps before it starts to control you.
Read more about the course
At the end of this course, you will:
Have a better understanding of server-state and its unique challenges, patterns and how to solve for them
Be a master of caching, and have the tools and knowledge to configure it, instead of implementing it by hand yourself.
Know the entire core React Query API and how to pragmatically use all of it's unique features in your applications
React Query and the concepts you learn will help you:
Remove many lines of complicated and misunderstood data fetching code from your application and replace them with just a handful of lines of React Query logic.
Make your application more maintainable and easier to build new features without worrying about wiring up new server state data sources
Have a direct impact on your end-users by making your application feel faster and more responsive than ever before.
Watch Online
All Course Lessons (47)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Installing React Query Demo | 00:39 | |
| 2 | Basic Queries | 03:20 | |
| 3 | video icon Query Loading State | 01:40 | |
| 4 | Query Error State | 01:50 | |
| 5 | React Query Devtools | 01:57 | |
| 6 | Automatically Refetching Queries on Window Focus | 01:28 | |
| 7 | Query Refetching Indicators | 00:54 | |
| 8 | Configuring Query Stale Time | 01:24 | |
| 9 | Configuring Query Cache Time | 02:33 | |
| 10 | Query Keys and Caching | 02:05 | |
| 11 | Using Custom Hooks to Share and Reuse Queries | 02:43 | |
| 12 | Parallel Queries | 01:17 | |
| 13 | Using Props and State in Queries | 03:38 | |
| 14 | Disabling Queries | 00:56 | |
| 15 | Multi-part Query Keys | 01:33 | |
| 16 | Automatic Query Retries | 02:52 | |
| 17 | Query Cancellation | 05:20 | |
| 18 | Dependent Queries | 03:12 | |
| 19 | Supplying a Query with Initial Data | 01:37 | |
| 20 | Marking Initial Query data as Stale | 01:37 | |
| 21 | Querying Related Lists and Items | 07:16 | |
| 22 | Seeding Initial Query Data from Other Queries | 05:42 | |
| 23 | Using Query Data to Seed Future Queries | 03:40 | |
| 24 | Query Side-Effects | 04:12 | |
| 25 | Scroll Restoration | 04:10 | |
| 26 | Query Polling with Refetch Intervals | 03:24 | |
| 27 | Query Invalidation Basics | 01:34 | |
| 28 | Invalidating Without Refetching Active Queries | 01:34 | |
| 29 | Invalidating & Refetching Inactive Queries | 02:40 | |
| 30 | Invalidating Multiple Queries with Similar Query Keys | 04:06 | |
| 31 | Basic query prefetching | 03:35 | |
| 32 | Hover-based query prefetching | 03:57 | |
| 33 | Prefetching & Stale Time | 02:28 | |
| 34 | Forced Prefetching | 01:57 | |
| 35 | Mutations Overview | 05:41 | |
| 36 | Mutations with the useMutation Hook | 07:10 | |
| 37 | Mutation Side-Effects | 07:00 | |
| 38 | Updating Query Data with Mutation Responses | 09:53 | |
| 39 | Optimistic Updates for List-Like Queries | 07:06 | |
| 40 | Rollbacks for List-Like Queries | 05:52 | |
| 41 | Optimistic Updates for Single Entity Queries | 02:07 | |
| 42 | Rollbacks for Single Entity Queries | 03:04 | |
| 43 | Paginated Queries | 09:54 | |
| 44 | Prefetching Paginated Queries | 03:54 | |
| 45 | Infinite Queries | 09:59 | |
| 46 | Using React Query with Next.js (Part 1) | 05:45 | |
| 47 | Using React Query with Next.js (Part 2) | 03:50 |
Unlock unlimited learning
Get instant access to all 46 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
React Js A-Z With Laravel - For Beginner to Advanced Level
Full Stack Spring Boot & React
React Node AWS - Build infinitely Scaling MERN Stack App
![React & TypeScript Chrome Extension Development [2021]](https://cdnq.courseflix.net/course/thumbnail/react-typescript-chrome-extension-development-2021-320x180.webp "React & TypeScript Chrome Extension Development [2021]")
React & TypeScript Chrome Extension Development [2021]
