Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Artık sizler de şahitsiniz dostlarım "React Native Serüveni" yolculuğumuzda mobil uygulama geliştirme işlemlerinde sıklıkla kullanılan yapılarda artık derinlere inmeye başladık diyebilirim :). O zaman ne yapıyoruz ? Bol miktarda #reactnative teknolojisinden dozumuzu alıyoruz ve kış günlerinin vazgeçilmezi olan vitaminlerimizi de vücudumuzda depolayıp daha enerjik bir şekilde kodlama işlemlerine başlıyoruz :)
Bu bölümde sizlerle beraber bir mobil uygulama geliştirme sürecinde kullanılan #flatlist aracına #header ve #footer olmak üzere #component ekleme ve bunları listemizle beraber aktif bir şekilde gösterme olayına değiniyoruz.
Video içerisinde de dediğim gibi listemizin başlarında veya sonlarında elbette elementlerimiz olabilir. Bunları #scrollview içerisinde de gösterebiliriz. Lakin #nested şekilde olduğu için bize ileriki durumlarda hata verme durumu kaçınılmazdır dostlarım
Buna ek olarak oluşturduğumuz "Header" ve "Footer" componentlerimizde herhangi bir filtreleme işlemi için #input kullanabiliriz. Lakin biz bu veriyi belirli bir #state içerisinde tuttuğumuzda her şey tekrardan #render edileceği için kullanıcı deneyimi olarak da çok fazla bir fayda göremeyiz
Bütün bunların ve daha fazlasının nasıl bir şekilde kullanıldığını görmeniz için sizleri videomu izlemeye davet ediyorum :)
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- "Header" ve "Footer" componentlerin ne işe yaradığına değindik
-- Bir önceki dersteki projemizin kodlarını referans aldık
-- "Header" ve "Footer" componentlerimizi oluşturduk
-- İç içe listelemenin oluştuğu sorunlardan bahsettik
-- "Header" veya "Footer" component içerisinde "Input" kullanmanın oluşturacağı sorunlardan 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.
FlatList Dökümanı: tls.tc/jfC50
Projemizin Kodları: github.com/tur...
React + Laravel Eğitimleri için:
WebRTC Projesi: tls.tc/04JnR
Alışveriş Sepeti Projesi: tls.tc/rzCkV
Chat Sistemi Projesi: tls.tc/7ePsd
Radyo Çalar Projesi: tls.tc/5HITg
Fast Typing Projesi: tls.tc/ZJkfy
Barkod Okuyucu Projesi: tls.tc/z07Ap
React Native Eğitimi için:
tls.tc/e5mIM
Sitelerim -
MFSoftware Blog: mfsoftware.net/
Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): seyyaryazilimc...
Sosyal Medya Hesaplarım -
Linkedin: / mfsoftware
Instagram: / mfsoftware.net.tr
React Native bileşen oluşturma
List Header Footer kullanımı
React Native uygulama geliştirme
Mobil uygulama geliştirme ipuçları
React Native eğitim serisi
Liste düzeni React Native
React Native beginner guide
Designing list components
Header and Footer components
React Native project examples
Mobile UI design examples
Improving React Native performance
React Native performans artırma
Header Footer entegrasyonu
React Native ile kullanıcı arayüzü
Mobil uygulama bileşenleri
React Native layout düzeni
Listeleri özelleştirme React Native
Styling in React Native
Mobile app optimization techniques
React Native development process
Dynamic content in list views
Performance tips for React Native
Integrating List Header Footer
List Header Footer entegrasyonu
React Native için en iyi pratikler
Mobil geliştirmede React Native
React Native bileşen kütüphaneleri
Kullanıcı arayüzü geliştirme React Native
React Native ile proje yönetimi
Негізгі бет React Native Serüveni #49 | List Header Footer Component |
Пікірлер: 1