Ispričajte nam o svom radu s Formik i Yup: koliko su bili složeni obrasci koje ste pisali, kako ste gradili sheme validacije?

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, што омогућава аутоматску валидацију формулара при изменама. За сложеније формуларе, делио сам шему на делове и комбновао их, као и користио условну валидацију у зависности од стања формулара.