Opowiedz o swojej pracy z Formik i Yup: jak skomplikowane były formularze, które pisałeś, jak tworzyłeś schematy walidacji?

Formik to biblioteka do zarządzania stanem formularzy w React, a Yup służy do walidacji danych. Pracowałem z formularzami o różnym stopniu złożoności: od prostych z kilkoma polami do wieloetapowych i dynamicznych.

Do tworzenia schematów walidacji z Yup używałem łańcuchów metod, na przykład:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Nieprawidłowy format email').required('Pole obowiązkowe'),
  password: Yup.string().min(8, 'Minimum 8 znaków').required('Pole obowiązkowe'),
  age: Yup.number().min(18, 'Wiek musi być co najmniej 18').nullable(),
});

Formik integruje się z Yup przez właściwość validationSchema, co pozwala na automatyczną walidację formularza podczas zmian. Dla złożonych formularzy dzieliłem schemat na części i łączyłem je, a także stosowałem warunkową walidację w zależności od stanu formularza.