Learn Courses Lessons Articles

⌘K

Loading lesson

learn by doing,
two minutes at a time.

LearnCourses Lessons Articles

Watch & listenPodcasts Talks

StoriesCase studies Success stories Campaigns Browse everything →

© 2013–2026 egghead.iothe egg does not crack 🥚

all systems sunny-side up↑ Back to top

Course

Simplify State Management with React Query

17 lessons · 54m

1Setup React Query and QueryClientProvider1:30
Fetch and display server data using React Query useQuery hook4:02
3Configure React Query Devtools and inspect existing queries1:45
4Use fetch, axios, ky, or any other promise-based library within useQuery hook2:25
5Display loading, error and successful query state using React Query Type Narrowing6:36
6Use isPending, isLoading and isFetching flags with React Query3:02
7Extract React Query useQuery into custom hooks1:17
8Reuse Query Settings using the queryOptions API2:30
9Share fetched state across multiple components using React Query2:39
10Implement Parallel Queries execution using multiple useQuery hooks within React Query2:04
11Manipulate existing queries with React Query Devtools4:02
12Configure staleTime within React Query2:31
13Configure gcTime (garbage collection) within React Query1:12
14Implement a client-side search using React Query4:25
15Implement a server-side search using React Query7:45
16Use Type Narrowing without early function returns with React Query2:20
17Implement a server-side pagination using React Query4:12

Course lesson

Fetch and display server data using React Query useQuery hook

With the useQuery hook, you can make queries directly in your components!

Duration: 4 min
Access: Included
Transcript: Available

With the useQuery hook, you can make queries directly in your components!

To get started you just need to provide a queryKey and a queryFn.

Learn Courses Lessons Articles

⌘K

Access required

This lesson is available with an active egghead membership.

Sign in or subscribe

Course

Simplify State Management with React Query

17 lessons · 54m

1Setup React Query and QueryClientProvider1:30
Fetch and display server data using React Query useQuery hook4:02
3Configure React Query Devtools and inspect existing queries1:45
4Use fetch, axios, ky, or any other promise-based library within useQuery hook2:25
5Display loading, error and successful query state using React Query Type Narrowing6:36
6Use isPending, isLoading and isFetching flags with React Query3:02
7Extract React Query useQuery into custom hooks1:17
8Reuse Query Settings using the queryOptions API2:30
9Share fetched state across multiple components using React Query2:39
10Implement Parallel Queries execution using multiple useQuery hooks within React Query2:04
11Manipulate existing queries with React Query Devtools4:02
12Configure staleTime within React Query2:31
13Configure gcTime (garbage collection) within React Query1:12
14Implement a client-side search using React Query4:25
15Implement a server-side search using React Query7:45
16Use Type Narrowing without early function returns with React Query2:20
17Implement a server-side pagination using React Query4:12

Course lesson

Fetch and display server data using React Query useQuery hook

With the useQuery hook, you can make queries directly in your components!

How was this course?

Simplify State Management with React Query · 17 lessons watched

Your rating

1234567

Not usefulExcellent

Anything else? Optional

Duration: 4 min
Access: Included
Transcript: Available