React Native Serüveni #88 | Functional Component |

Описание: Hepinize merhaba dostlarım :) Ben Muhammed Fatih

Uzuuuun bir süreden sonra "React Native Serüveni" yolculuğumuzda sizlerle beraber proje içerisinde kullanacağımız yapılarla ilgili içeriklere geri döndük dostlarım. Her zaman proje bazlı eğitim olmaktansa arada bu şekilde hem kendimizi dinlendirmek hem de yeni şeyler öğrenmek için ufak bilgi verici videolarla kendimizi geliştirmek daha güzel olacaktır. O halde şimdiden #reactnative teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerden günlük dozumuzu alalım ve bilgisayarlarımızın başına geçelim :)

Daha önceki zamanlarda anlattığım ve genel olarak sadece belirli bir listenin elemanları için kullandığımız #functional component yapısını sizlerle beraber daha bu videoda daha derinden inceliyoruz

Özellikle son zamanlarda sektörde de fazlalaşan "Functional Component" kullanımı ile #hook teknolojileri ile işlevsel bir şekilde çalışmak ve bunun yanında uygulamanın performanslı bir şekilde çalışması benimsenerek bu yola girilmiştir. Tabii detaylı bilgiye google üzerinden araştırma yaparak erişebilirsiniz :)

Bu bölüm içerisinde de sizlerle beraber projemiz içerisinde "Functional Component" yapısının nasıl bir şekilde oluşturulup kullanıldığına, #state yönetimlerinin nasıl gerçekleştiğine ve butonların #click olayında fonksiyonların nasıl tetikleneceğini ayrıntılı bir şekilde anlatıyorum. Üstelik bütün bunları "React Native 0.76.2" versiyonu içerisinde anlatıyorum

Sizler de projenizde #class component harici olarak "Functional Component" yapısını kullanmak istiyorsanız ve nasıl bir şekilde başlangıç yapacağınızı bilmiyorsanız bu video size rehberlik edecektir :)

Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- Functional Component nedir, neden kullanılıyor gibi konulardan bahsettik
-- App.js içerisini boşaltıp functional component yapımızı oluşturduk
-- State güncelleme yapısına değindik ve bir ufak örnek gerçekleştirdik
-- Functional component içerisinde nasıl event oluşturulur ve butonlara bağlanılır buna değindik

ş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.

Gallery App Projesi: https://github.com/turan1302/react-na...
Projemizin Kodları: https://github.com/turan1302/react-na...
Projemizin Kodları (Devamı): 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 proje rehberi
React Native fonksiyonel tasarım
React Native ile modern uygulama
React Native başlangıç kursu
React Native bileşen yapısı açıklaması
React Native ile dinamik UI
React Native app performance tips
React Native development workflow
Functional components in React Native
React Native cross-platform coding
React Native for Android and iOS
Building interactive UIs with React Native
React Native ders serisi
React Native ile kullanıcı arayüzü oluşturma
React Native fonksiyonel yapılar
React Native özellikleri ve kullanımı
React Native ile Android ve iOS
React Native kodlama pratikleri
React Native for mobile development
React Native props vs state usage
React Native real-time app development
React Native component communication
React Native app optimization strategies
React Native for rapid prototyping
React Native komponent yaşam döngüsü
React Native mobil uygulama stratejileri
React Native bileşenler arası iletişim
React Native ile veritabanı yönetimi
React Native cross-platform geliştirme
React Native ile işlevsel tasarım teknikleri