tanstack-query

Data fetching and caching in React is simplified with TanStack Query v5, which handles async state, background synchronization, and automatic cache invalidation. It eliminates manual state management for server data, reducing boilerplate and preventing stale data issues.

Optimistic updates in TanStack Query show changes to the UI immediately while the API request completes, then roll back if it fails. This pattern keeps cache consistent and delivers a responsive user experience without waiting for server confirmation.

Yes. TanStack Query v5 supports queryOptions and TypeScript inference to provide end-to-end type safety across queries, mutations, and cache state, catching errors at compile time rather than runtime.

TanStack Query recommends hierarchical key factories and feature-based colocation to organize queries logically. This approach ensures predictable cache invalidation, prevents key collisions, and keeps related data-fetching logic together with UI components.

Test TanStack Query hooks with Mock Service Worker (MSW) to intercept API calls and simulate server responses. This decouples tests from live APIs, enables reliable mocking of mutations and error states, and speeds up test execution.

TanStack Query v5 renamed options (cacheTime to gcTime, keepPreviousData to placeholderData), removed per-hook callbacks in favor of global QueryCache callbacks, added first-class suspense support, and introduced initialPageParam for infinite queries.