React Native Serüveni #34 | Formik ve Yup Kullanımı | #reactnative #mobileapp #formik #yup

Video Description

Hepinize merhaba dostlarım :) Ben Muhammed Fatih "React Native Serüveni" olarak çıktığımız bu yolculukta ve #reactnative teknolojisinden de her gün aldığımız yoğun dozlar sayesinde büyük proje geliştirme süreçlerinde bize yardımcı olacak temelleri atıyor ve gelişimimize tam gaz devam ediyoruz :). Bu bölümde sizlerle beraber bir önceki video içerisinde kurmuş olduğumuz #formik ve #yup kütüphanelerini #form kısımlarına entegre ediyoruz. Aynı zamanda entegre işlemi içerisinde #validation oluşturma, #error mesajlarını kullanıcıya gösterme, buton aktif/pasif etme ve form verilerinin temizlenmesi gibi konulara da detaylı bir şekilde değiniyorum :) Özellikle kullanıcılarınızın olduğu ve rağbet gören bir #mobileapp geliştirme durumunda form sayfalarında bu yapının nasıl bir şekilde kurulacağına video içerisinde detaylı bir şekilde değiniyorum dostlarım :) Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak: -- Kapsayıcı bir #view elementi oluşturduk -- Formik elementi içerisinde form içerisindeki #input alanlarının varsayılan değerleri, change ve blur olayları, hata mesajları gibi ayarlamaları gerçekleştirdik -- Hata mesajına göre butonların aktif veya pasif olma durumunu kodladık -- Form içerisindeki kontroller sonucu verimizi bir fonksiyon içerisinde yakaladık şeklinde özetleyebiliriz. İlk başlarda karmaşık veya zor gelebilir dostlarım anlıyorum. Öğrenme süreci içerisinde bu durumlar son derece doğaldır diyebilirim. İşte bu aşamada sizlerden istediğim tek şey her videomun sonunda dediğim gibi "İstikrarlı ve azimli olmalısınız, bolca pratik yapmalısınız" şeklinde olacaktır. Bu dediklerimi hayat felsefeniz yaptığınız sürece başarı sizler için kaçınılmaz olacaktır :) Şimdiden hepinize iyi çalışmalar iyi seyirler dilerim dostlarım :). Videoyu beğenmeyi, kanalıma abone olmayı ve bildirimleri açmayı, takıldığınız yerlerde yorum yapmayı unutmayın. Projemizin Kodları: https://github.com/turan1302/react-native-seruveni React + Laravel Eğitimleri için: WebRTC Projesi: https://tls.tc/04JnR Alışveriş Sepeti Projesi: https://tls.tc/rzCkV Chat Sistemi Projesi: https://tls.tc/7ePsd Radyo Çalar Projesi: https://tls.tc/5HITg Fast Typing Projesi: https://tls.tc/ZJkfy Barkod Okuyucu Projesi: https://tls.tc/z07Ap React Native Eğitimi için: https://tls.tc/e5mIM - Sitelerim - MFSoftware Blog: https://mfsoftware.net/ Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): https://seyyaryazilimci.com/ - Sosyal Medya Hesaplarım - Linkedin: https://www.linkedin.com/in/mfsoftware/ Instagram: https://www.instagram.com/mfsoftware.net.tr/ - React Native form kullanımı - Formik ile form yönetimi - Yup doğrulama kütüphanesi - React Native uygulama geliştirme - Formik ve Yup entegrasyonu - React Native form validasyonu - Mobile app form examples - Formik error handling - Yup for form validation - React Native projects with Formik - What is Formik library - How to use Yup library - Mobil uygulamalarda formik - React Native form yapısı - Form validasyonu nasıl yapılır - React Native ile kullanıcı girişi - Formik ile kullanıcı formları - Yup ile form doğrulama örneği - React Native development guide - Dynamic forms with Formik - Yup for asynchronous validation - React Native form components - Creating forms with Formik - React Native form performance - Formik ile state yönetimi - Yup ile form alanı validasyonu - React Native için Formik - Formik kullanarak hata mesajları - Yup ve Formik ile örnek - React Native ile form geliştirme