tanstack
Installation
SKILL.md
TanStack (React)
Reference-only skill. Each library has its own file under references/. Load only what's relevant.
When to load which reference
| User says / file shows | Load |
|---|---|
@tanstack/react-start, createServerFn, vite.config.ts with tanstackStart, server functions, SSR meta-framework, src/routes/ + API routes |
references/start.md |
useQuery, useMutation, queryOptions, QueryClient, useInfiniteQuery, useSuspenseQuery, HydrationBoundary, dehydrate |
references/query.md |
createFileRoute, __root.tsx, routeTree.gen.ts, validateSearch, loader, Link to=, tanstackRouter Vite plugin |
references/router.md |
useReactTable, getCoreRowModel, columnHelper, flexRender, headless table |
references/table.md |
useForm, form.Field, useStore, TanStack Form, standard-schema validators |
references/form.md |
useVirtualizer, useWindowVirtualizer, virtual list, big-list rendering |
references/virtual.md |
| "doesn't refetch", "hydration mismatch", "phantom type error after adding a route", "devtools missing", "stale data" | references/debugging.md |
| Reviewing a PR / diff that touches TanStack code, pre-merge bug hunt, "what could go wrong here?", common-bug audit | references/code-review.md |
Many real tasks combine refs: Start + Router + Query loaders is the canonical full-stack stack — load all three.