Povedajte nám o vašej práci s Formik a Yup: aké zložité boli formuláre, ktoré ste písali, ako ste stavali schémy validácie?

Formik je knižnica na správu stavu formulárov v React, a Yup je na validáciu dát. Pracoval som s formulármi rôznej zložitosti: od jednoduchých s niekoľkými poľami až po viacstupňové a dynamické formuláre.

Na tvorbu validačných schém s Yup som používal reťazce metód, napríklad:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Neplatný formát emailu').required('Povinné pole'),
  password: Yup.string().min(8, 'Minimálne 8 znakov').required('Povinné pole'),
  age: Yup.number().min(18, 'Vek musí byť najmenej 18').nullable(),
});

Formik sa integruje s Yup cez vlastnosť validationSchema, čo umožňuje automatickú validáciu formulára pri zmenách. Pre zložitejšie formuláre som schema rozdelil na časti a kombinoval ich, a tiež som používal podmienkovú validáciu podľa stavu formulára.