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

Configure gcTime (garbage collection) within React Query

React

Share this video with your friends

gcTime stands for "garbage collection time" and it is the amount of time that must pass, when there are no components actively using a query, before the query is cleared from the cache.

It is set independently from stale time!

Configure gcTime (garbage collection) within React Query

Share this video with your friends

Course

Simplify State Management with React Query