Какие библиотеки для валидации форм существуют (например, yup)? Какие ещё знаешь?

Библиотеки для валидации форм

Валидация форм — ключевая часть пользовательского опыта, предотвращающая отправку некорректных данных. Существует множество библиотек, упрощающих этот процесс. Наиболее популярные включают Yup, Zod, Joi, а также интеграции с React Hook Form и Formik.

Основные библиотеки

• Yup — легковесная библиотека для создания схем валидации, часто используется с React Hook Form. Поддерживает цепочки методов и кастомные сообщения об ошибках.
• Zod — современная альтернатива Yup с TypeScript-ориентированным API, обеспечивающая строгую типизацию и лучшую производительность.
• Joi — мощная библиотека для Node.js, популярная в бэкенд-разработке, с богатым набором правил валидации.
• React Hook Form — не библиотека валидации сама по себе, но интегрируется с Yup, Zod и другими для управления формами и валидацией.
• Formik — библиотека для управления формами в React, имеет встроенную валидацию через Yup или кастомные функции.

Пример кода с Yup и React Hook Form

import { useForm } from 'react-hook-form';
import { yupResolver } from '@hookform/resolvers/yup';
import * as yup from 'yup';

const schema = yup.object().shape({
  email: yup.string().email('Invalid email').required('Required'),
  password: yup.string().min(6, 'Min 6 chars').required(),
});

function MyForm() {
  const { register, handleSubmit, errors } = useForm({
    resolver: yupResolver(schema),
  });
  const onSubmit = (data) => console.log(data);
  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register('email')} />
      {errors.email && <p>{errors.email.message}</p>}
      <input type="password" {...register('password')} />
      <button type="submit">Submit</button>
    </form>
  );
}

Вывод

Выбор библиотеки зависит от стека технологий: для React-проектов с TypeScript предпочтителен Zod, для простых форм — Yup, а для бэкенда на Node.js — Joi. Эти инструменты ускоряют разработку и повышают надежность приложения.