Rääkige meile oma tööst Formik ja Yupiga: kui keerulised olid kirjutatud vormid, kuidas te ehitasite valideerimisskeeme?

Formik on raamatukogu Reactis vormi oleku haldamiseks ning Yup on andmete valideerimiseks. Olen töötanud erineva keerukusega vormidega: lihtsatest, millel on vaid mõned väljad, kuni mitmeastmeliste ja dünaamiliste vormideni.

Yup-iga valideerimisskeemide koostamiseks kasutasin meetodite ahelat, näiteks:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Vale emaili formaat').required('Väli on kohustuslik'),
  password: Yup.string().min(8, 'Minimaalselt 8 märki').required('Väli on kohustuslik'),
  age: Yup.number().min(18, 'Vanus peab olema vähemalt 18').nullable(),
});

Formik integreerub Yup-iga läbi validationSchema omaduse, mis võimaldab automaatselt vormi valideerida muutuste ajal. Keerulisemate vormide jaoks jagasin skeemi osadeks ja kombineerisin neid ning kasutasin tingimuslikku valideerimist vastavalt vormi olekule.