Simplify State Management with React Query

Learn the fundamentals of React Query by going through the basic API and then implementing search in an employee tracking app.

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