← All packages

@lacspace/query

v1.0.2React Kit0 deps

Tiny data fetching for React with a shared cache, request de-duplication, stale-while-revalidate, focus/reconnect revalidation, and mutations. useQuery + useMutation in ~2KB. Zero-dependency, SSR-safe, fully typed.

npm i @lacspace/query

Usage

query.ts
import { useQuery } from "@lacspace/query";

function Profile() {
  const { data, error, isLoading } = useQuery(
    "/api/me",
    (url) => fetch(url as string).then((r) => r.json())
  );

  if (isLoading) return <p>Loading…</p>;
  if (error) return <p>Something went wrong.</p>;
  return <h1>Hi, {data.name}</h1>;
}

Exports 7

clearQueryCachegetQueryDatamutateprefetchQuerysetQueryDatauseMutationuseQuery

Keywords

reactdata-fetchingusequeryusemutationswrreact-query

More in React Kit