React Native Serüveni #10 | Component Oluşturuyoruz |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Artık #reactnative teknolojisinden daha fazla dozlar alarak yeni bir güne başlamamızı öneriyorum dostlarım :). Çünkü "React Native Serüveni" yolculuğumuzda her zamanki işlerimizden daha farklı kısımlara geldik :).
Bu bölümde sizlerle beraber mobil uygulama geliştirme sürecimizde gerek kod karmaşıklığını, gerekse belirli bir amaca hizmet etmesi için kullanacağımız #component yapısına değiniyoruz. Özellikle uygulama geliştirirken:
Slider
Liste Elemanları
Form Kısımları
Filtreleme
gibi bazı yerler olabiliyor. Tabii bunları da hepsini aynı sayfa içerisine uzun uzun yazıp kodu karmaşıklaştırmaktansa "Component" haline getirip gerek tek bir sayfada, gerek birden fazla sayfada sıkıntısız bir şekilde kullanabiliriz.
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- Proje ana klasörü içerisinde "src" isminde klasör oluşturduk
-- Daha sonra bu klasör içerisine "components" isminde klasör açtık ve içerisine "ClassComponent" ve "FunctionalComponent" isminde iki adet dosya oluşturduk
-- Oluşturduğumuz bu dosyaları "App.js" isimli dosyadan çağırdık
-- Gerçek hayatta kullanmanın önemine ve nasıl bir şekilde kullanılacağına örnekler verdik
ş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
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 bileşen oluşturma
Mobil uygulama geliştirme
React Native uygulama geliştirme
Component yapısı öğrenme
React Native dersleri
React Native proje yapımı
Application design steps
Coding with React Native
Android component creation
iOS component development
React Native component tutorials
Mobile component creation
React Native başlangıç rehberi
React Native component yapımı
Mobil kodlama örnekleri
Uygulama geliştirme adımları
React Native pratik örnekler
Bileşen yapılandırma React Native
React Native component guide
React Native video tutorials
Component building lessons
React Native mobile app
React Native frontend development
React Native basics
Component oluşturma eğitimi
React Native proje oluşturma
Mobil uygulama component yapımı
React Native öğrenme rehberi
Uygulama tasarımı bileşen
React Native component uygulaması