Fetchit

@vielzeug/fetchit ships three composable primitives built on native fetch: createApi, createQuery, and createMutation.

Installation

pnpm

pnpm add @vielzeug/fetchit

npm

npm install @vielzeug/fetchit

yarn

yarn add @vielzeug/fetchit

Quick Start

import { createApi, createQuery, createMutation } from '@vielzeug/fetchit';

const api = createApi({ baseUrl: 'https://api.example.com' });
const qc = createQuery({ staleTime: 5_000 });

const user = await qc.query({
  key: ['users', 42],
  fn: ({ signal }) => api.get<User>('/users/{id}', { params: { id: 42 }, signal }),
});

const createUser = createMutation((data: NewUser) => api.post<User>('/users', { body: data }), {
  onSuccess: () => qc.invalidate(['users']),
});

await createUser.mutate({ name: 'Alice' });

Why Fetchit?

Native fetch is excellent but low-level. Fetchit adds base URL, typed path parameters, a query cache, and structured error handling with virtually no overhead.

// Before — raw fetch
const res = await fetch(`https://api.example.com/users/${userId}`);
if (!res.ok) throw new Error(`HTTP ${res.status}`);
const user: User = await res.json();

// After — Fetchit
const api = createApi({ baseUrl: 'https://api.example.com' });
const user = await api.get<User>('/users/{id}', { params: { id: userId } });

Feature	Fetchit	axios	ky
Bundle size	1.2 KB	~26 kB	~5 kB
Built on	fetch	XMLHttpRequest	fetch
Type-safe path params	✅	Manual	Manual
Query cache	✅	❌	❌
Standalone mutations	✅	❌	❌
Zero dependencies	✅	❌	❌

Use Fetchit when you want a typed fetch-based client with lightweight caching and mutation workflows without adopting a full data framework.

Consider axios or ky when you only need request helpers and do not need built-in query caching or mutation state.

Features

• Type-safe path params — {param} placeholders extracted and validated at compile time
• HTTP client — createApi() with base URL, global headers, timeout, interceptors, and deduplication
• Query cache — createQuery() for stale-while-revalidate caching, prefix invalidation, and reactive subscriptions
• Query callbacks — per-trigger-call onSuccess, onError, onSettled
• Standalone mutations — createMutation() with lifecycle callbacks, retry, observable state, and cancel()
• Request deduplication — GET/HEAD/OPTIONS/DELETE dedupe concurrent identical calls by default
• Interceptors — use() middleware for auth tokens, logging, and request transforms
• Retry with backoff — configurable attempt count, exponential delay strategy, and shouldRetry predicate
• Abort support — QueryFnContext passes an AbortSignal to every query function
• Disposable — both clients implement [Symbol.dispose] for using declarations
• Zero dependencies — 1.2 KB gzipped

Compatibility

Environment	Support
Browser	✅
Node.js	✅
SSR	✅
Deno	✅

See Also

• Validit
• Formit
• Stateit