Formik ve Yup ile çalışmanızdan bahsedin: ne kadar karmaşık formlar yazdınız, doğrulama şemalarını nasıl oluşturdunuz?

Formik, React'te form durumunu yönetmek için kullanılan bir kütüphanedir ve Yup, veri doğrulama için kullanılır. Farklı karmaşıklık seviyelerindeki formlarla çalıştım: basit birkaç alanlı formlardan çok aşamalı ve dinamik formlara kadar.

Yup ile doğrulama şemaları oluşturmak için metod zincirleri kullandım, örneğin:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Geçersiz email formatı').required('Zorunlu alan'),
  password: Yup.string().min(8, 'En az 8 karakter').required('Zorunlu alan'),
  age: Yup.number().min(18, 'Yaş en az 18 olmalı').nullable(),
});

Formik, validationSchema özelliği aracılığıyla Yup ile entegre olur ve bu, formda yapılan değişikliklerde otomatik doğrulama sağlar. Karmaşık formlar için şemayı bölüp birleştirdim ve form durumuna bağlı koşullu doğrulama kullandım.