[go: up one dir, main page]

sun with a face
moon with a face
The Official React Query Course

Master React Query with mystifying ease

Full course is now available!

Join now
  1. Tanner Linsley

    I’ve never seen technical education quality quite like this new Query course. The ui.dev team are geniuses and Dominik is literally our planet’s leading expert on all things Query.

    Tanner Linsley

    Creator of React Query
  2. Bruno Lopes

    Can I do another one?

    omfg... the Advanced Query Patterns module is a game changer for me... React Query and query.gg FOR THE WIN!

    @lopesrbruno
  3. jb

    I'm absolutely loving this course. It is teaching the concepts and skills of Tanstack Query, and making those known. The parts about TanstackQuery that have been confusing to me have been made clear in the course. Thanks.

    @JLBmagic
  4. Jacob Devore

    I just completed the query.gg course, and if you are using React Query in production, I cannot recommend this course enough! Great work @TkDodo.

    @JacobADevore
  5. Christopher Ehrlich

    started query.gg tonight. production values are insane.

    im 1/3 in, i would say i'm very experienced with react query and ive already learned several valuable things

    ask your job to buy it for you, its worth it 10000x

    @ccccjjjjeeee
  6. Aryan

    I haven’t come across any technical writing in recent times that parallels Dominik’s blog posts.

    Combining them with @uidotdev’s exceptional story telling, I cant even imagine how incredible this course will be.

    No matter how well you think you know TanStack Query, you'll emerge a more skilled developer with your assumptions challenged! 🥳🥳

    @aryan__deora
  7. Dougie Silkstone

    It's good. Real good.

    @DougieSilkstone
  8. I learned so much, even in areas I thought I had already mastered. The course's pace and depth were perfect, making complex concepts easy to grasp. Highly recommend it to anyone looking to level up their skills with React Query!

    Kosol Komenek
decorated Ouija-style planchette pointed at the text “Let’s go!”LET’SGO!

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:

  1. a spooky multi-level house with crooked chimney spout

    Laying the Foundation

    1. Why React Query
    2. Query Fundamentals
    3. Deduplication
    4. Query Lifecycle
    5. Queries, Caching, and Observers
  2. databases that look like tall buildings emerge high above the clouds

    Querying Data

    1. Fetching Data
    2. Fetching with Parameters
    3. Data Synchronization
    4. Fetching on Demand
    5. Garbage Collection
  3. a stack of cards and the top one has a picture of a UFO beaming down from the sky

    Advanced Query Patterns

    1. Polling
    2. Dependent Queries
    3. Parallel Queries (useQueries)
    4. Avoiding Loading States (Prefetching)
    5. Pagination
    6. Infinite Queries
  4. curvy snake in front of a long arm where the hand is pointed like a cursor

    Handling User Interactions

    1. Performing Updates
    2. Linking Mutations to Queries
    3. Optimistic Updates
    4. Usage with Forms
  5. magic potion bottles of varying shape and size

    Scaling Your App

    1. Customizing Query Defaults
    2. Validating Query Data
    3. Performance Optimizations
    4. Managing Query Keys
    5. Error Handling
  6. two three-eyed fish jump high out of some water

    Plugins & Adapters

    1. Offline Support
    2. Persist Queries
    3. Persist Mutations
    4. Building an Adapter
  7. a ghost emerges from a vintage television set

    Testing

    1. Testing Queries
    2. Testing Mutations
  8. React logo floats underneath a fancy glass cloch

    Bonus

    1. Server Side Rendering
    2. Suspense
    3. WebSockets

If you’ve never taken a ui.dev course before, here’s what you can expect:

The Secret Sauce

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:

Interactivity

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.

VIEW12343124{}sort: 'created'sort: 'updated'DATATHE CACHEOBSERVER

Next, we wanted to create a “Leetcode for React Query” type experience. One that challenged the passiveness of typical online courses.

Challenges

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.

simplified line drawing of the challenges user interface{}();={}();=

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.

Quality Videos

These aren’t lazy screencasts filmed in someone’s guest bedroom.

We spent an uncomfortable amount of time making sure each video is worth your attention.

Here’s a sneak preview:

This video is part of the first lesson, available in our free course preview you can try out for yourself.

Next up, quizzes.

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.

  • crystal ball

    Quiz yourself

    What is the purpose of the query key?
  • crystal ball

    Quiz yourself

    What is the difference between staleTime and gcTime?
  • crystal ball

    Quiz yourself

    True or false: React Query automatically refetches when staleTime is exceeded?
  • crystal ball

    Quiz yourself

    In which of the following scenarios would you reach for useEffectEvent?
  • crystal ball

    Quiz yourself

This is the best way to learn how to use React Query in real-world applications.

Tanner Linsley React Query creator
down arrow

Ready to master
React Query?

Whether you’re a beginner or seasoned professional, this is course will take you to the next level.

Expansion Pack

$495/yr

Level Up All Year
  • 35 lessons
  • Over 350 minutes of video
  • 30 quizzes and 22 challenges
  • Access to our full course library

Sections included:

  1. Welcome
  2. Laying The Foundation
  3. Querying Data
  4. Advanced Query Patterns
  5. Handling User Interactions
  6. Scaling Your App
  7. Plugins & Adapters
  8. Testing
  9. Bonus

PLUS access to all our courses:

  • JS react.gg
  • JS Advanced JavaScript
  • JS Modern JavaScript
  • JS React Router
  • JS Classic React
  • JS Typescript
  • JS React w/ Typescript

Expand your knowledge of the JavaScript ecosystem with a yearly subscription to ui.dev.

Full Course

$375

Get the Full Course
  • 35 lessons
  • Over 350 minutes of video
  • 30 quizzes and 22 challenges
  • Lifetime access to course

Sections included:

  1. Welcome
  2. Laying The Foundation
  3. Querying Data
  4. Advanced Query Patterns
  5. Handling User Interactions
  6. Scaling Your App
  7. Plugins & Adapters
  8. Testing
  9. Bonus

Starter Pack

$245

Get the Starter Pack
  • 20 lessons
  • Over 196 minutes of video
  • 19 quizzes and 16 challenges
  • Lifetime access to course

Sections included:

  1. Welcome
  2. Laying The Foundation
  3. Querying Data
  4. Advanced Query Patterns
  5. Handling User Interactions
  6. Scaling Your App
  7. Plugins & Adapters
  8. Testing
  9. Bonus

Tanner Linsley

“I’ve never seen technical education quality quite like this new Query course. The ui.dev team are geniuses and Dominik is literally our planet’s leading expert on all things Query.”

Tanner Linsley

Creator of React Query

Customized Team Training

We’ve spent the last decade training developers at the world’s most respected technology companies.

We’ll work with you to create a custom plan that helps your team ship better software, faster.

Schedule a Call

What we offer...

  • Custom Learning Paths
  • Monthly Checkins
  • Progress Reports
  • Analytics
  • Certifications
  • Invoicing
  • Live Workshops
  • Access to Full Course Library

Our other courses:

  • JS react.gg
  • JS Advanced JavaScript
  • JS Modern JavaScript
  • JS React Router
  • JS Classic React
  • JS Typescript
  • JS React w/ Typescript

Full Course

$356$375

Enjoy your 5% off bulk discount
(Add 5 more licenses to get 10% off)
Get the Full Course
  • 35 lessons
  • Over 350 minutes of video
  • 30 quizzes and 22 challenges
  • Lifetime access to course

Sections included:

  1. Welcome
  2. Laying The Foundation
  3. Querying Data
  4. Advanced Query Patterns
  5. Handling User Interactions
  6. Scaling Your App
  7. Plugins & Adapters
  8. Testing
  9. Bonus

Tanner Linsley

“I’ve never seen technical education quality quite like this new Query course. The ui.dev team are geniuses and Dominik is literally our planet’s leading expert on all things Query.”

Tanner Linsley

Creator of React Query

Expansion Pack

$470/yr$495

Enjoy your 5% off bulk discount
(Add 5 more licenses to get 10% off)
Level Up All Year
  • 35 lessons
  • Over 350 minutes of video
  • 30 quizzes and 22 challenges
  • Access to our full course library

Sections included:

  1. Welcome
  2. Laying The Foundation
  3. Querying Data
  4. Advanced Query Patterns
  5. Handling User Interactions
  6. Scaling Your App
  7. Plugins & Adapters
  8. Testing
  9. Bonus

PLUS access to all our courses:

  • JS react.gg
  • JS Advanced JavaScript
  • JS Modern JavaScript
  • JS React Router
  • JS Classic React
  • JS Typescript
  • JS React w/ Typescript

Subscribe to ui.dev and get your team access to all of our courses, including query.gg.

Common Questions

Is there a way to preview the course content before purchasing?

Yes, you can get a feel for what the course is like as well as take a few of the lessons, quizzes, and challenges from the course dashboard.

Are there any pre-requisites for this course?

Yes, we assume you have a solid understanding of both JavaScript and React. If you don’t, check out our React course first.

What version of React Query does the course use?

The course uses the latest version of @tanstack/react-query.

Does this course have captions?

Yes.

Do you get a completion certificate?

Yes.

Does the course use TypeScript?

Not by default, but there are callouts throughout the course where we highlight TypeScript specific features of React Query.

Can I get an invoice?

Yes, after your purchase.

What do I do if I get stuck?

Each lesson has a public discussion thread embedded in the lesson where you can ask questions and get help. Course instructors are also notified and can help you out.

Do you offer PPP?

Yes. You’ll see it in the pricing section if you’re in a country that qualifies.

If you do use a PPP discount, you’ll only be able to access the course in the country where you purchased it.

Will I automatically get access to the rest of the course once it’s available?

Yes, and we’ll notify you once it’s available.

Does the “Expansion Pack” include lifetime access to query.gg?

It doesn’t. Think of the “Expansion Pack” as a subscription to ui.dev. You’ll get access to all of the content for as long as your subscription is active (like Netflix).

How can I get this for my team?

You can change the number of course licenses you’d like to purchase on the “Teams” pricing page.

After completing your purchase, you’ll be able to distribute your licenses to your team members, keep track of their progress, and more.

Can my team just share a single account?

No. It’s pretty obvious if you do and we’ll ban your account. We have bulk purchase options available here.