tanstack-form

TanStack Form is a headless form library with deep TypeScript integration. It provides field-level and form-level validation (sync/async), array fields, linked/dependent fields, fine-grained reactivity, and schema validation adapter support (Zod, Valibot, Yup). Package: @tanstack/react-form Adapters: @tanstack/zod-form-adapter , @tanstack/valibot-form-adapter Status: Stable (v1) - Always call e.preventDefault() and e.stopPropagation() on form submit - Always attach onBlur={field.handleBlur} for blur validation and isTouched tracking - Use mode="array" for array fields to get array methods - Return undefined (not null/false) for valid validators - Use asyncDebounceMs for async validators to prevent API spam - Check isTouched before showing errors for better UX - Use form.Subscribe with selectors to minimize re-renders - Use formOptions for shared configuration across components - Use schema validators (Zod/Valibot) for complex validation rules - Use onChangeListenTo for cross-field validation dependencies - Forgetting e.preventDefault() on form submit (causes page reload) - Not attaching onBlur to inputs (breaks blur validation and isTouched) - Returning null or false instead of undefined for valid fields - Using mode="array" incorrectly (only needed on the array field itself, not sub-fields) - Subscribing to entire form state instead of using selectors (unnecessary re-renders)...