Povězte nám o své práci s Formik a Yup: jak složité byly formuláře, které jste psali, jak jste stavěli validační schémata?

Formik je knihovna pro správu stavu formulářů v Reactu a Yup je pro validaci dat. Pracoval jsem s formuláři různé složitosti: od jednoduchých s několika poli po vícestupňové a dynamické formuláře.

Pro tvorbu validačních schémat s Yup jsem používal řetězce metod, napří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álně 8 znaků').required('Povinné pole'),
  age: Yup.number().min(18, 'Věk musí být alespoň 18').nullable(),
});

Formik se s Yup integruje přes vlastnost validationSchema, což umožňuje automatickou validaci formuláře při změnách. Pro složité formuláře jsem schema rozdělil na části a kombinoval je, a také používal podmíněnou validaci podle stavu formuláře.