tanstack-form-data-loading-and-submission-ux
TanStack Form Data Loading and Submission UX
Use this skill when the task is about how a form loads data, submits data, or recovers UX after invalid submission.
Scope
- async initial values and TanStack Query hydration
- branching submit behavior with metadata
- transformed schema output handling during submit
- focus-first-error flows after invalid submit
Routing cues
- fetched defaults, TanStack Query, loading states around form defaults,
onSubmitMeta,handleSubmit({ ... }),onSubmitInvalid, or focusing the first invalid field -> this skill - validator timing, custom errors, or
disableErrorFlat->tanstack-form-validation-and-errors - arrays, linked fields,
form.Subscribe, or listeners ->tanstack-form-dynamic-fields-and-reactivity - Next.js, Remix, TanStack Start, or server-state merging with
mergeForm->tanstack-form-react-runtime-integrations
Workflow
More from dobroslavradosavljevic/skills
base-ui-typescript-surface
Use for Base UI namespace contracts, change event types, generic render types, and wrapper typing patterns.
4base-ui-basic-primitives
Use for simple primitives with low integration complexity (Avatar, Button, Meter, Progress, Scroll Area, Separator).
4base-ui-root-providers
Use for CSP Provider, Direction Provider, and useDirection when wiring Base UI at the app root or across portals.
4base-ui-menus-navigation-and-toast
Use for Menu, Context Menu, Menubar, Navigation Menu, Toolbar, Toast, and shared command-surface patterns such as detached triggers and menu payloads.
4base-ui-forms-and-validation
Use for Base UI Field/Form primitives, validation flows, form controls, and advanced Number Field, Slider, and RadioGroup behavior.
4base-ui-disclosure-and-tabs
Use for stateful visibility components (Accordion, Collapsible) and tab navigation semantics.
4