React Native Serüveni #12 | Props Kullanımı |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
"React Native" serüvenimizin yepyeni bir bölümüne yine her zamanki gibi #reactnative dozumuzdan bolca bir ölçek alıyoruz ve biz yazılımcıların kalbi olan bilgisayarlarımızın başına geçip editörlerimizi ve emülatörlerimizi açıyoruz. Bu sefer çok farklı bir konuya daha giriş yapacağız :)
Bu bölümde sizlerle beraber componentler arası veri gönderme işlemini gerçekleştiriyoruz. Özellikle bir uygulama geliştirirken kapsayıcı bir #container içerisine "Child Container" koyacağımız durumlar olabiliyor. Örnek verecek olursak: Banner, Header, List Area vs vs...
İşte bu durumda kapsayıcı içerisinden içerideki child componentlere veri göndereceğimiz durumlar olabiliyor. İşte bu durumda "React Native" geliştiricilerinin bize sunduğu #props yapısını kullanıyoruz ve veri gönderme işlemlerini sıkıntısız bir şekilde gerçekleştirmeyi bu videoda sizlere anlatıyorum :).
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- App.js içerisini değiştiridik ve bir ana kapsayıcı koyduk
-- Ana kapsayıcı içerisine #functional ve #class tipinde iki adet component oluşturduk
-- Ana kapsayıcı içerisindeki değişkenleri ve fonksiyonları props yöntemi ile oluşturduğumuz child componentlere gönderdik
-- Props 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 Props Eğitimi
React Native Props Kullanımı
Mobil Uygulama Geliştirme
React Native Başlangıç Rehberi
React Native Eğitimi Türkçe
Props ile Component İletişimi
React Native English Lessons
React Native Course Series
Using Props in React Native
React Native Tips and Tricks
Mobile App Coding
React Native English Tutorial
Props ile Veri Taşıma
React Native için Props
Props ve Component Bağlantısı
React Native Başlangıç Düzeyi
React Native Türkçe Eğitim
React Native Proje Geliştirme
Props and React Native
React Native Lessons in English
Mobile App Development Course
React Native Props Handling
Props with React Native
React Native Component Tutorial
React Native Ders Videoları
React Native Kodlama Eğitimi
React Native Eğitim Videoları
Props İle Veri Gönderimi
React Native Türkçe Kodlama
React Native Uygulama Geliştirme