გთხოვთ, მოგვიყევით თქვენი მუშაობის შესახებ Formik და Yup-თან: რამდენად რთული იყო თქვენი დაწერილი ფორმები, როგორ აგებდით ვალიდაციის სქემებს?

Formik React-ში ფორმების მდგომარეობის მართვის ბიბლიოთეკაა, ხოლო Yup მონაცემების ვალიდაციისთვის გამოიყენება. მე ვმუშაობდი სხვადასხვა სირთულის ფორმებზე: მარტივიდან რამდენიმე ველის მქონე ფორმებიდან მრავალსაფეხურიან და დინამიკურ ფორმებამდე.

Yup-ით ვალიდაციის სქემების შექმნისთვის, მე გამოვიყენე მეთოდების ჯაჭვები, მაგალითად:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('არასწორი ელფოსტის ფორმატი').required('მოვალეობით ველი'),
  password: Yup.string().min(8, 'მინიმუმ 8 სიმბოლო').required('მოვალეობით ველი'),
  age: Yup.number().min(18, 'ასაკი უნდა იყოს მინიმუმ 18').nullable(),
});

Formik ინტეგრირებულია Yup-თან validationSchema თვისების მეშვეობით, რაც საშუალებას იძლევა ავტომატურად დაადასტუროს ფორმა ცვლილებების დროს. რთული ფორმებისთვის, მე სქემა ნაწილებად დავყავი და შევაერთე, ასევე გამოვიყენე პირობითი ვალიდაცია ფორმის მდგომარეობის მიხედვით.