The tanstack-fetch blog

Typed fetching, one article at a time

Tutorials, framework deep dives, and release notes about data fetching with TanStack Query and tanstack-fetch.

Articles: 19
Tutorials: 2
Framework guides: 8
Releases: 9

19 posts

November 7, 20263 min read

tanstack-fetch 2.1.0: abortable retries, safer token refresh

tanstack-fetch 2.1.0 fixes cancelling during a retry delay, literal colons in paths like gemini:generateContent, a refresh-token race that could rotate a session out, and retries of stream bodies. It adds array query values, parseAs arrayBuffer / stream and a tanstack-fetch/full entry.

#Core
#Auth
#Errors

October 31, 20262 min read

tanstack-fetch 2.0.0: 3.57KB core, typed live params

The tanstack-fetch core drops from 5.14KB to 3.57KB gzip — auth, status handlers and plugins become interceptors. sse, ws, transport, stream and the useSse / useWs hooks now type path params exactly like api.get.

#Core
#Realtime

October 30, 20265 min read

tanstack-fetch 1.8.0: WebSocket, WebTransport, NDJSON

New tanstack-fetch/live entry — authenticated WebSocket with reconnect and a send queue, WebTransport over HTTP/3 with the same API, NDJSON streaming over fetch, and useWs for React, Vue, Solid, Svelte and Angular.

#Core
#Realtime

October 28, 20267 min read

TanStack Pacer + Query: debounce, throttle, batch API calls

A hands-on TanStack Pacer tutorial — debounced search, autosave with abortable requests, throttled infinite scroll, client-side rate limits, upload queues and event batching, wired to TanStack Query and tanstack-fetch.

#TanStack Pacer
#TanStack Query
#React
#Performance

October 18, 20263 min read

tanstack-fetch 1.7.1: timeouts, URLs, binary bodies, errors

Patch release — ports and query colons no longer break path params, timeouts reject with TimeoutError, timers stop leaking, Uint8Array / ReadableStream bodies send as bytes, and HTML 502s keep their status.

#Core
#Errors

Framework guides

October 12, 20264 min read

Angular HttpClient vs tanstack-fetch for TanStack Query

Replace Angular HttpClient glue with tanstack-fetch — provideFetchClient, injectFetch, signals SSE, Angular Query, refresh-token, migrate CLI, and a full side-by-side comparison.

#Angular
#Comparison

Framework guides

October 12, 20263 min read

Next.js fetch vs tanstack-fetch: SSR cookies and hydration

Use tanstack-fetch in Next.js App Router — ssr-forward cookies, absolute baseUrl on the server, React Query dehydrate/hydrate, SSE, and migrate path.

#Next.js
#React
#SSR

Framework guides

October 12, 20263 min read

Nuxt $fetch / ofetch vs tanstack-fetch: SSR and Vue Query

Replace Nuxt $fetch glue with tanstack-fetch — createFetchPlugin, ssr-forward, useFetchClient naming, Vue Query hydrate, SSE, and comparison graphs.

#Nuxt
#Vue
#SSR

Framework guides

October 12, 20263 min read

React axios vs tanstack-fetch for TanStack Query

Replace axios unwrap glue with tanstack-fetch — FetchProvider, useFetch, useSse, React Query, refresh-token, migrate CLI, and a full side-by-side comparison.

#React
#Comparison

Framework guides

October 12, 20263 min read

Solid fetch / axios vs tanstack-fetch for Solid Query

Use tanstack-fetch with Solid — FetchProvider, useFetch, useSse signals, Solid Query, refresh-token, migrate CLI, and comparison graphs.

#Solid
#Comparison

Framework guides

October 12, 20263 min read

SvelteKit fetch vs tanstack-fetch: stores, SSR, Query

Use tanstack-fetch with Svelte and SvelteKit — setFetchClient, useFetch, useSse stores, Svelte Query, ssr-forward load functions, and comparison graphs.

#Svelte
#SSR

Framework guides

October 12, 20263 min read

TanStack Router + tanstack-fetch: Query on router context

Wire tanstack-fetch into TanStack Start and TanStack Router — queryOptions, ensureQueryData loaders, router context, SSR, tRPC, and comparison graphs.

#TanStack Start
#Router
#React

October 12, 20267 min read

TanStack Start + tanstack-fetch: 6 data fetching patterns

TanStack Start 1.0 is here. Six production-ready patterns: direct fetching, shared loaders, SSR auth, mutations, centralized error handling, and live SSE updates with tanstack-fetch.

#TanStack Start
#Router
#React
#SSR
#SSE

Framework guides

October 12, 20263 min read

Vue ofetch / axios vs tanstack-fetch for Vue Query

Replace ofetch and axios glue in Vue 3 with tanstack-fetch — createFetchPlugin, useFetch, useSse, Vue Query, refresh-token, and a full comparison.

#Vue
#Comparison

October 9, 20261 min read

tanstack-fetch 1.7.0: doctor CLI, Solid, Angular, Svelte

Health-check with tanstack-fetch doctor, real Solid/Angular/Svelte adapters, migrate scaffolds, and a docs Framework picker.

#CLI
#Solid
#Angular
#Svelte

October 7, 20262 min read

tanstack-fetch 1.6.3: migrate from axios, ky, ofetch, fetch

CLI that scans axios, ky, ofetch, $fetch, and fetch call sites, applies safe rewrites for TanStack Query, and scaffolds React, Vue, Nuxt, or Next.js.

#CLI
#Migration

October 1, 20261 min read

tanstack-fetch 1.5.0: Vue and Nuxt

createFetchPlugin, useFetch, and useSse for Vue 3 and Nuxt — same client as React.

#Vue
#Nuxt

October 1, 20261 min read

tanstack-fetch 1.6 — Vue, Nuxt and Developer Tools Release

Pass a params map as the second type argument — api.get<User, { id: number }>(…) — and optional body typing on post/put/patch.

#TypeScript

September 30, 20263 min read

tanstack-fetch 1.4: token refresh, DevTools, simpler useSse

Refresh tokens without hand-written interceptors, a DevTools panel for HTTP, SSE, SSR and tRPC, and a useSse hook that no longer needs a provider.

#Auth
#DevTools
#SSE