Integrations
Data fetching with TanStack Query, and React and Next.js on the server.
On this page
The core client works anywhere (The client). These pages cover the packages that fit it into a framework.
Data fetching
TanStack Query is the stable way to fetch in a UI: @trpc12/tanstack-query makes query, mutation and subscription options, and @trpc12/tanstack-react-query provides the client to React components.
- Topics: query keys and filters, subscriptions, streamed mutations and hydration and offline mutations.
React and Next.js
React and Next.js covers fetching in React and the server side:
- React Server Components: prefetch in server components, stream pending queries to the browser, and tag Next's data cache by query key.
- Server Actions: procedures as Server Actions that take typed input or
FormData.