Typed Axios without TanStack Query — Node, React, Svelte, Vue, and Angular recipes.

TanStack Query is one great home for a typed client. It is not the only one.

Same spine everywhere:

api.contracts.ts  →  api.op.*  →  Result { data, error }  →  your framework's state

Pick your runtime. Steal the snippet. Don't invent a second API layer.

Scripts, CLIs, workers — no UI framework required.

useEffect + useState. Still typed. Still Result-based.

Load functions and reactive state with api.op.

Composables wrapping contracts and Result.

Injectable services + signals (or Observables).

The full production React stack with query keys and loaders.

For architecture that sits above any framework, see The Query Layer.

Framework Examples