tanstack-form
TanStack Form Skill
When to use
- Forms with validation, conditional fields, or multi-step flows.
Checklist
- Use Zod schemas for validation and type inference.
- Prefer controlled field components provided by form hooks.
- Validate on submit; opt-in to onChange when UX requires it.
- Keep submission side-effects in server functions.
Tooling
- Use TanStack MCP for form API patterns and examples.
More from huynhsang2005/blog-tanstack
framer-motion
Create smooth, performant animations with framer-motion. Use when building page transitions, component animations, or gesture-based interactions.
18frontend-ui-ux
Designer-turned-developer workflow for crafting cohesive UI/UX with strong visual polish and interaction quality.
9tanstack-table
Use TanStack Table for complex admin grids and data tables. Use when you need sorting/filtering/pagination/column defs beyond a simple list.
8tanstack-start
Build features in TanStack Start (server/client boundaries, server functions, SSR-friendly data loading). Use when creating routes, server functions, or anything involving SSR/hydration/caching.
7tanstack-router
Work effectively with TanStack Router file-based routing in this repo. Use when adding/changing routes, loaders, route params/search params, or navigation.
6zustand
Use Zustand for client state in this repo. Use when you need shared client state, derived selectors, or cross-component UI coordination.
4