Learn the fundamentals of React Query by going through the basic API and then implementing search in an employee tracking app.
Overview
Syllabus
- Setup React Query and QueryClientProvider
- Fetch and display server data using React Query useQuery hook
- Configure React Query Devtools and inspect existing queries
- Use fetch, axios, ky, or any other promise-based library within useQuery hook
- Display loading, error and successful query state using React Query Type Narrowing
- Use isPending, isLoading and isFetching flags with React Query
- Extract React Query useQuery into custom hooks
- Reuse Query Settings using the queryOptions API
- Share fetched state across multiple components using React Query
- Implement Parallel Queries execution using multiple useQuery hooks within React Query
- Manipulate existing queries with React Query Devtools
- Configure staleTime within React Query
- Configure gcTime (garbage collection) within React Query
- Implement a client-side search using React Query
- Implement a server-side search using React Query
- Use Type Narrowing without early function returns with React Query
- Implement a server-side pagination using React Query
Taught by
Tomasz Ducin
