Pasakokite apie savo darbą su Formik ir Yup: kaip sudėtingi buvo rašyti formos, kaip statėte validacijos schemas?

Formik yra biblioteka React'e formų būsenos valdymui, o Yup yra duomenų validavimui. Dirbau su įvairaus sudėtingumo formomis: nuo paprastų su keliais laukais iki daugiažingsnių ir dinamiškų formų.

Yup naudojau kuriant validacijos schemas, naudodamas metodų grandines, pavyzdžiui:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Neteisingas el. pašto formatas').required('Privalomas laukas'),
  password: Yup.string().min(8, 'Mažiausiai 8 simboliai').required('Privalomas laukas'),
  age: Yup.number().min(18, 'Amžius turi būti ne mažiau kaip 18').nullable(),
});

Formik integruojasi su Yup per validationSchema savybę, leidžiančią automatiškai validuoti formą keičiamais duomenimis. Sudėtingesniems formoms schemą skirstiau į dalis ir jas jungiau, taip pat naudoju sąlyginius patvirtinimus priklausomai nuo formos būsenos.