react-db

Live queries in React update UI automatically by binding TanStack DB collections to components using hooks like useLiveQuery, which return reactive data, state, and status fields that re-render on database changes.

Yes, Suspense and Error Boundaries work with live data fetching using the useLiveSuspenseQuery hook, which integrates with React's concurrent rendering to manage loading and error states for real-time database collections.

Cursor-based pagination for live query results is implemented using the useLiveInfiniteQuery hook, which supports dependency arrays to fetch subsequent pages of reactive data from TanStack DB collections dynamically.

Optimistic updates to real-time data in React are applied using the usePacedMutations hook, allowing the UI to reflect changes immediately before the database confirms them, ensuring a responsive reactive experience.

Yes, the React binding requires db-core to function, as it re-exports core APIs from @tanstack/db via @tanstack/react-db to ensure full compatibility with the React ecosystem and its reactive query lifecycle.

A live query hook returns an object containing data, state, collection, status, isLoading, isReady, and isError fields, providing comprehensive reactive state management for rendering data-driven React components.