Forms
Core Idea
Índice de guias de integração de formulário com shadcn/ui, organizados por biblioteca: React Hook Form, TanStack Form, Formisch (e useActionState nativo, "coming soon" na doc original).
Key Concepts
- Cada guia parte do mesmo componente
Field/FieldLabel/FieldError (Field composition) e ensina o "cola" (glue code) específico da lib de formulário escolhida.
- Escolha da lib: React Hook Form é a mais estabelecida/madura; TanStack Form é a alternativa "headless" mais nova do mesmo ecossistema TanStack; Formisch é signal-based (SolidJS-style, adaptado a React).
Key Takeaways
- Não existe um único "form component" no shadcn/ui — a integração é sempre com uma lib de state/validação de formulário externa.
- Escolher o guia certo de antemão evita misturar padrões (ex: usar
useForm do RHF com componentes pensados para TanStack Form).
Connects To
- forms/react-hook-form (ch088), forms/tanstack-form (ch089), forms/formisch (ch090): implementações detalhadas.
- Field (components): base de composição visual usada por todos os guias de formulário.