React Native Serüveni #13 | Proptypes Kullanımı |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Serüvenimizin yine yeni bir bölümünde her zamanki gibi #reactnative dozumuzdan belirli bir ölçekte alıyoruz ve bir önceki videomuzun devamı niteliğinde olan "Proptypes Kullanımı" konusuna adımımızı atıyoruz :).
Bu videoda sizlerle beraber #props kullanım işlemlerinde özellikle büyük projelerde veya kütüphane kullanımlarında sıklıkla kullanılan bir yapıdan bahsettim dostlarım. Bir proje geliştirdiğimizde oluşturduğumuz #component içerisine veri aktarma durumlarımızda bunların belirli bir tipi olabiliyor veya biz bu verileri göndermediğimiz durumlarda göndereceğimiz props için varsayılan bir değer ayarlama işlemi gerçekleştiriliyor
Bireysel projelerde hadi varsayalım bir sıkıntı çıkmadı. Ama özellikle bir ekiple büyük projeler geliştirirken veya kütüphane yazacağınız durumlarda bu durumları göz ardı etmemenizi öneririm dostlarım. Bu hataya düşmemek için bireysel projelerinizde de olsa bir alışkanlık haline getirmeniz sizin için faydalı olacaktır :)
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
App.js içerisini düzenledik
#components klasörü içerisinde iki adet component dosyası oluşturduk (FunctionalComponent ve ClassComponent olarak)
Her iki dosyaya da props kullanarak veri gönderdik, veri tiplerini ayarladık ve herhangi bir şekilde veri gönderilmezse varsayılan olarak hangi değerin atanacağını belirttik
Proptypes kullanmanın öneminden bahsettik
ş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-na...
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: / mfsoftware
Instagram: / mfsoftware.net.tr
React Native Proptypes kullanımı
React Native eğitim serisi
React Native nasıl öğrenilir
Proptypes ile hata önleme
React Native komponent geliştirme
Proptypes nedir ve nasıl kullanılır
React Native app development
Type checking with PropTypes
Best practices in React Native
React Native frontend development
PropTypes usage examples
Type safety in React Native
Proptypes ile güvenli kodlama
React Native bileşen geliştirme
Proptypes ile hata ayıklama
React Native'de Proptypes
React Native'de tip kontrolü
Proptypes ve React Native
React Native lessons
PropTypes and component structure
Good practices in React Native
React Native mobile app
Code optimization with PropTypes
Building components in React Native
Proptypes ile React Native
React Native projeleri
Proptypes ile React geliştirme
React Native kod yazma
React Native'de hata önleme
React Native bileşenleri