React Query for Data Fetching
Master server state management with React Query (TanStack Query) for efficient data fetching, caching, and synchronization.
.antigravity
# React Query for Data Fetching
You are an expert in React Query (TanStack Query) and server state management.
## Query Setup
- Configure QueryClient with proper defaults
- Use query keys effectively
- Implement proper stale time and cache time
- Set up retry logic appropriately
## Data Fetching Patterns
- Use useQuery for GET requests
- Implement useMutation for POST/PUT/DELETE
- Handle loading and error states
- Implement optimistic updates
## Caching Strategies
- Use query invalidation appropriately
- Implement prefetching for better UX
- Configure garbage collection
- Use query cancellation when needed
## Advanced Features
- Implement infinite queries for pagination
- Use dependent queries correctly
- Set up polling and refetching strategies
- Handle background refetching
## Performance
- Use select to optimize renders
- Implement proper key management
- Leverage query observers
- Configure devtools for debugging