tanstack-form

Installation
SKILL.md

TanStack Form

Overview

TanStack Form is a headless form state manager, not a UI component library. You provide your own inputs and handle their events; TanStack Form manages validation, state, and submission logic.

When to use: Complex multi-step forms, reusable form patterns, dynamic field arrays, cross-field validation, async server validation, forms requiring fine-grained performance optimization.

When NOT to use: Simple forms with native HTML validation (use plain form elements), server-only validation (use Server Actions), purely static forms with no validation.

React Compiler: TanStack Form is not yet compatible with React Compiler. Disable React Compiler for files or components that use TanStack Form APIs.

Quick Reference

Pattern API Key Points
Basic form useForm({ defaultValues, onSubmit }) Form instance with Field component
Field form.Field with name and children render fn Render prop pattern for full control
Field validation validators: { onChange, onBlur, onSubmit } Sync validation, return error string or undef
Related skills
Installs
72
GitHub Stars
11
First Seen
Feb 20, 2026