TanStack Form Documentation
TanStack Form is a powerful, framework-agnostic form management library with first-class TypeScript support and headless UI components. It provides a unified API for handling forms across React, Vue, Angular, Solid, Svelte, and Lit frameworks, with comprehensive support for validation, array fields, async operations, and complex form composition.
Quick Reference
| Topic | Entry Point |
|---|---|
| Overview & Getting Started | contents/overview.md |
| Installation | contents/installation.md |
| Design Philosophy | contents/philosophy.md |
| TypeScript Guide | contents/typescript.md |
| React | |
| React Quick Start | contents/framework/react/quick-start.md |
| React Guides | contents/framework/react/guides/ (21 guides) |
| React API Reference | contents/framework/react/reference/ |
| Vue | |
| Vue Quick Start | contents/framework/vue/quick-start.md |
| Vue Guides | contents/framework/vue/guides/ (8 guides) |
| Vue API Reference | contents/framework/vue/reference/ |
| Angular | |
| Angular Quick Start | contents/framework/angular/quick-start.md |
| Angular Guides | contents/framework/angular/guides/ (8 guides) |
| Angular API Reference | contents/framework/angular/reference/ |
| Solid | |
| Solid Quick Start | contents/framework/solid/quick-start.md |
| Solid Guides | contents/framework/solid/guides/ (9 guides) |
| Solid API Reference | contents/framework/solid/reference/ |
| Svelte | |
| Svelte Quick Start | contents/framework/svelte/quick-start.md |
| Svelte Guides | contents/framework/svelte/guides/ (7 guides) |
| Lit | |
| Lit Quick Start | contents/framework/lit/quick-start.md |
| Lit Guides | contents/framework/lit/guides/ (4 guides) |
| Lit API Reference | contents/framework/lit/reference/ |
| Core API | |
| Core API Overview | contents/reference/index.md |
| FormApi Class | contents/reference/classes/FormApi.md |
| FieldApi Class | contents/reference/classes/FieldApi.md |
| FieldGroupApi Class | contents/reference/classes/FieldGroupApi.md |
Common Topics
Validation
- •React:
contents/framework/react/guides/validation.md,contents/framework/react/guides/dynamic-validation.md - •Vue:
contents/framework/vue/guides/validation.md,contents/framework/vue/guides/dynamic-validation.md - •Angular:
contents/framework/angular/guides/validation.md,contents/framework/angular/guides/dynamic-validation.md - •Solid:
contents/framework/solid/guides/validation.md,contents/framework/solid/guides/dynamic-validation.md
Array Fields
- •React:
contents/framework/react/guides/arrays.md - •Vue:
contents/framework/vue/guides/arrays.md - •Angular:
contents/framework/angular/guides/arrays.md - •Solid:
contents/framework/solid/guides/arrays.md - •Svelte:
contents/framework/svelte/guides/arrays.md - •Lit:
contents/framework/lit/guides/arrays.md
Form Composition
- •React:
contents/framework/react/guides/form-composition.md - •Angular:
contents/framework/angular/guides/form-composition.md - •Solid:
contents/framework/solid/guides/form-composition.md - •Svelte:
contents/framework/svelte/guides/form-composition.md
Async Operations
- •React:
contents/framework/react/guides/async-initial-values.md - •Vue:
contents/framework/vue/guides/async-initial-values.md - •Solid:
contents/framework/solid/guides/async-initial-values.md - •Svelte:
contents/framework/svelte/guides/async-initial-values.md
Advanced React Features
- •SSR:
contents/framework/react/guides/ssr.md - •React Native:
contents/framework/react/guides/react-native.md - •Devtools:
contents/framework/react/guides/devtools.md - •Debugging:
contents/framework/react/guides/debugging.md - •UI Libraries:
contents/framework/react/guides/ui-libraries.md - •Focus Management:
contents/framework/react/guides/focus-management.md
When to use
Use this skill when the user asks about:
- •TanStack Form library in any framework (React, Vue, Angular, Solid, Svelte, Lit)
- •Form management and state handling
- •Form validation (sync, async, schema-based, custom)
- •Field APIs and field management
- •Array fields and dynamic field lists
- •Form composition and nested forms
- •Form submission handling
- •TypeScript integration with forms
- •Framework-specific form patterns
- •Linked fields and field dependencies
- •Event listeners and callbacks
- •Server-side rendering with forms
- •Custom error handling
- •Focus management
- •Integration with validation libraries (Zod, Valibot, etc.)
- •Integration with UI libraries
How to find information
- •First, read
TOC.mdfor complete file listing organized by framework and topic - •For framework-specific questions:
- •Start with
contents/framework/{framework}/quick-start.md - •Check
contents/framework/{framework}/guides/for how-to guides - •Reference
contents/framework/{framework}/reference/for API details
- •Start with
- •For core concepts: Check
contents/overview.mdandcontents/philosophy.md - •For TypeScript: Read
contents/typescript.md - •For core API details: Navigate to
contents/reference/for classes, functions, interfaces, and types
TOC.md contains all 208 files organized by framework and category - always check it first.