olorehq/olore/1-27-7

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

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

1. First, read TOC.md for complete file listing organized by framework and topic
2. 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

1. For core concepts: Check contents/overview.md and contents/philosophy.md
2. For TypeScript: Read contents/typescript.md
3. 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.