tanstack-query

Server-state caching in React is handled by configuring query keys and query functions to automatically cache results and apply stale-while-revalidate patterns. The framework handles refetching on mount, focus, and reconnect to keep data fresh.

Optimistic updates in React are implemented by defining mutation functions that immediately update the UI before the server responds. If the request fails, the framework automatically rolls back the UI to its previous safe state.

Paginated and infinite scrolling data in React is best handled by configuring cursor-based infinite queries and paged data loading. This approach supports feed-like experiences by automatically fetching and caching sequential data.

Yes, TanStack Query supports SSR hydration and prefetching in React. It enables server-side prefetching and client hydration to reduce loading time and prevent UI flicker by defining hydration boundaries.

Cache invalidation and refetch policies in React Query are configured using staleTime and gcTime parameters alongside invalidation APIs. This ensures views stay consistent by automatically refetching data when it becomes stale or when explicitly invalidated.

Yes, React Query integrates with Suspense for data fetching. By configuring Suspense boundaries in your React application, query functions will automatically suspend component rendering while waiting for server-state data to load.