Глава 40. Формы и валидация: React Hook Form + Zod

Зачем эта глава

Формы — боль большинства проектов. React Hook Form упрощает работу, а Zod помогает валидировать данные.

Пример формы

JSX

import { useForm } from "react-hook-form";

function Contact() {
  const { register, handleSubmit } = useForm();
  return (
    <form onSubmit={handleSubmit(console.log)}>
      <input {...register("email")} />
      <button>Отправить</button>
    </form>
  );
}

Валидация с Zod

import { z } from "zod";

const schema = z.object({
  email: z.string().email()
});

← Предыдущая Следующая глава →