Formik və Yup ilə işləmək haqqında danışın: yazdığınız formalar nə qədər mürəkkəb idi, təsdiqləmə sxemlərini necə qururdunuz?

Formik React-da formaların vəziyyətini idarə etmək üçün kitabxanadır və Yup məlumatların doğrulanması üçün istifadə olunur. Müxtəlif mürəkkəblikdə formalarla işlədim: sadə bir neçə sahəli formadan çox mərhələli və dinamik formalara qədər.

Yup ilə doğrulama sxemləri qurmaq üçün metod zəncirlərindən istifadə etdim, məsələn:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Yanlış email formatı').required('Zəruri sahə'),
  password: Yup.string().min(8, 'Ən azı 8 simvol').required('Zəruri sahə'),
  age: Yup.number().min(18, 'Yaş ən azı 18 olmalıdır').nullable(),
});

Formik, validationSchema xüsusiyyəti vasitəsilə Yup ilə inteqrasiya olunur və bu, formanın dəyişikliklərində avtomatik doğrulama imkanı verir. Çətin formalar üçün sxemləri bölüb birləşdirdim və formanın vəziyyətinə əsaslanan şərti doğrulama tətbiq etdim.