Zod + React Hook Form

Definition

Integration de Zod (validation de schemas) avec React Hook Form via @hookform/resolvers pour une validation typesafe partageable entre client et serveur.

Analogie

Comme un contrat notarie pour un formulaire : les regles sont definies une fois et appliquees partout.

Exemple de code

const schema = z.object({
  email: z.string().email('Email invalide'),
  age: z.number().min(18, 'Minimum 18 ans'),
});
type FormData = z.infer<typeof schema>;

const { register, handleSubmit } = useForm<FormData>({
  resolver: zodResolver(schema),
});

Cas d'usage

Formulaires avec validation complexe et types TypeScript inferes automatiquement depuis le schema.

Termes lies