React Query has been one of the fastest growing and most popular third party libraries in the React ecosystem, and this course will teach you everything you need to ship it like a pro.
Toss out that granular state management, manual refetching and endless bowls of async-spaghetti code. You’ll learn how React Query gives you declarative, always-up-to-date auto-managed queries and mutations that directly improve both your developer and user experiences.
Built in collaboration with Dominik Dorfmeister and the rest of the React Query core team, this course will give you a first principles understanding of both how React Query works under the hood as well as how to write React Query code that scales.
Here's what you'll learn:
- Why React Query
- Query Fundamentals
- Query Lifecycle
- Queries, Caching, and Observers
- Fetching Data
- Fetching with Parameters
- Data Synchronization
- Fetching on Demand
- Garbage Collection
- Dependent Queries
- Parallel Queries (useQueries)
- Avoiding Loading States (Prefetching)
- Infinite Queries
- Performing Updates
- Linking Mutations to Queries
- Optimistic Updates
- Usage with Forms
- Customizing Query Defaults
- Validating Query Data
- Performance Optimizations
- Managing Query Keys
- Error Handling
- Offline Support
- Persist Queries
- Persist Mutations
- Building an Adapter
- Testing Queries
- Testing Mutations
- Server Side Rendering
If you’ve never taken a ui.dev course before, here’s what you can expect:
In short, we’re obsessed with creating technical content that is both enjoyable and easy to consume. Counter culture, we know – but it leads to rave reviews where “the best online course I’ve ever taken” is something we hear on a daily basis.
That’s why we were so stoked when Tanner, the creator of React Query, approached us about creating an official course.
React Query is beautifully simple and we couldn’t be more excited to bring it to life with this course. Beyond text and videos, we did that in a few different ways:
Throughout the course, you’ll be given interactive visuals that represent core React Query topics. These visuals serve to help you understand concepts in a more intuitive way.
Take this one, for example. It demonstrates how React Query works under the hood when data needs revalidation.
Next, we wanted to create a “Leetcode for React Query” type experience. One that challenged the passiveness of typical online courses.
Every time you learn something new, you’ll be immediately thrown into an environment where you can apply that knowledge in a practical, real life scenario.
What’s great about these challenges, as Kunal discovered, is that each one feels like a lesson in and of itself.
Every single challenge throughout the entire course is inspired by a situation you’d discover in a real-world React Query application.
Next up, quizzes.
Yeah, these are just boring quizzes. But they do a great job of making sure you’re understanding the material and are heading in the right direction.
What is the purpose of the query key?
What is the difference between staleTime and gcTime?
True or false: React Query automatically refetches when staleTime is exceeded?
This is the course we wish existed when we started learning React Query years ago and we’re thrilled we finally get to share it with you.
This is the best way to learn how to use React Query in real-world applications.Tanner Linsley React Query creator
The course will be available later this year.
For exclusive discounts, previews, and some fun surprises, drop your email below.