Chapter 3

Data Loading

Loaders + React Query for the API.

~16 min total2 lessons

By the end of this chapter you'll be able to

Use route loaders
Cache with React Query
Handle loading + error UI

Lessons

Module: Data

Route loaders

Fetch on route enter, not on render.

8mmedium

React Query

Cache + invalidation.

8mmedium

Lesson 1 takes ~8 min.

Start chapter

Spot a typo? Have an idea?

Help us improve this chapter. One click opens a GitHub issue with this chapter's URL pre-filled — suggest a clearer wording, report a bug, or request a new lesson. The course keeps improving thanks to learners like you.

Suggest an improvement on GitHub

ch.2: TanStack Router ch.4: Auth