TanStack Query (React Query)

Powerful asynchronous state management for React - fetch, cache, synchronize and update server state.

Instructions

1. Separate server state - Use React Query for server data, not local UI state
2. Configure stale time - Set appropriate stale times based on data freshness needs
3. Use query keys - Structure keys hierarchically for cache management
4. Handle loading/error - Every query needs these states handled
5. Invalidate strategically - Invalidate related queries after mutations

Setup

npm install @tanstack/react-query