React Native Uygulama Geliştirme

tarihinde gönderilmiş tarafından

React Native ile 1 seneye yakın süredir sıkı bir şekilde ilgileniyorum ve bildiklerimi nacizane şekilde paylaşmak istiyorum , brkdgn.com web sitemdede react native dersleri yani react native konusunda paylaşımlar yapmaktayım ve soru sor alanından tüm sorularınızı yöneltebilirsiniz.

React native ile yapılabilecekler bir JS ile yapabilecekleriniz ile sınırlı yani hayalleriniz ile ancak burada tek önemli konu öğrenmeye ne kadar açıksınız yada araştırmayı ne kadar seviyorsunuz, eğer araştırmacı iseniz bu kütüphaneyi dolayısıyla mobil uygulama geliştirmeyi kolaylıkla öğrenebilirsiniz.

React Native ismindende anlaşılacağı üzere daha doğrusu facebook un iddasına göre Native uygulama geliştirme yapmanıza yarayan JS kütüphanesi. React native e alternatif İonic gibi bir çok kütüphane bulunuyor ancak RN dışında hiçbiri native olduğunu iddaa etmiyor dolayısıyla Android için Java , İOS için Swift bilme ihtiyacınızı ortadan kaldıran bir kütüphane olan RN size yeterli olacaktır.

React Native API erişimi 

React native ile cihazın titreşim , camera gibi bir çok API sine erişim sağlayabiliriz bunlardan bazıları aşağıdaki gibi olacaktır ;

  • Lokasyon Bilgisi
  • Camera
  • Ses Kayıdı
  • Rehber
  • Fotoğraflar – Galeri
  • Takvim
  • Hatırlatıcılar
  • Titreşim

React Native sık kullanılan Nesneler 

React Native ile uygulama tasarlarken en sık kullanılacak işlemler ve nesneler nelerdir dersek burada ortaya bir kaç nesne – işlev çıkacak bunlardan bir kaçı ;

  • React Native URL POST – GET yani fetch()
  • Navigation (Tab Navigator – Drawer Navigator – Stack Navigator)
  • Lokal Hafıza (SQL – AsyncStorage)
  • Barcode Scanner
  • Camera
  • Timer
  • Push Notification
  • Alert
  • Toast

React Native Yaşam Döngüsü 

Aslında bu başlık için bir makalem mevcut ve bu kısmı oradan inceleyerek okumanız daha mantıklı olacaktır çünkü başlı başına bir ders olabilecek bir konu bu yazıda sadece giriş mahiyetinde olduğu için kısaca değinerek geçmek istiyorum Yaşam döngüsü üç farklı method mevcut Mounting , Updating, Unmounting olarak ayrılır , ve ilk program çalıştığında sayfada bi değişiklik olduğunda yada sonlandırıldığında diye ayrılır. (render , constructor, componentWillMount, componentWillUpdate etc..)

React Native ile en çok kullanılan kütüphaneler 

React native ile uygulama geliştirmeye başladığınızda sizinde bir alet çantanız yani fonksiyonlarınızdan yada sık kullandığınız nesnelerden oluşan bir kütüphaneniz oluşacak , bu oluşum proje geliştirdikçe ortaya çıkacaktır yani siz bir A projesini geliştirirken haberinizin dahi olmadığı kütüphaneler ile tanışacak ve kullanamaya başlayacaksınız , benimde en sık kullandığım kütüphanelere değinmek istiyorum

1 – ) Native Base 

React Native için bootstrap diyebiliriz, yani react native in bootstrap ıdır, hazır tasarımların bulunduğu bir kütüphane , Card, Container , Left, Right, Header gibi nesneleri mevcut

 

sudo npm install native-base --save

2 – ) React Navigation

React native tarafında sayfalar arasında geçiş işleminizi yapabileceğiniz kütüphane 3 farklı nesnesi mevcut StackNavigator , DrawerNavigator, TabNavigator

 

sudo npm install react-navigation --save

3 – ) React Native Render HTML

Fetch ile aldığınız datanın HTML formatında olması durumunda bunun RN tarafında kolayca ekranda gösterilmesini sağlamak için yada HTML tagları ile tasarım yapmak direk CSS Kullanmak için kullanabileceğiniz bir kütüphane tek nesnesi mevcut <HTML html={this.state.data} />

 

sudo npm install react-native-render-html --save

4 – ) React Native Gifted Chat

İOS mesajlaşma tasarımının birebir kopyası kıvamında bir kütüphane ve mesajlaşma uygulaması yapıyorsanız sizin için en doğru seçenek olacaktır, direk nesneye bir Array atıyorsunuz ve mesaj baloncukları olarak size gösteriyor .

 
sudo npm install react-native-gifted-chat --save
5 – ) React Native Modal
Ben buna özelliştirilebilir alert diyorum daha doğrusu web den alışık olduğumuz pop-up penceresi, yani siz React Native button tarafında bir butona bastığınızda yada arka planda bir işlem gerçekleştirildiğinde ekrana bir pop-up göstermek istiyorsanız bu kütüphaneyi kullanabilirsiniz.
 
sudo npm install react-native-modal --save

 

6 – ) React Native Chart (Grafik) 
React native ile grafik çizdirmek istiyorsanız ve grafik çizdirme işlemini basite ingirdemek istiyorsanız doğru bir tercih olacaktır bir kaç nesnesi mevcut pasta grafik , çizgi grafik , sütun grafik gibi bir çok nesnesi mevcut
 
sudo npm install react-native-svg-charts --save

 

React native ile uygulama geliştirmeye başlamak başlangıç olarak biraz zor gelebilir çünkü PHP tarafına alışıksanız kodlama kısmında biraz zorluklar yaşayabilirsiniz , öğrenmesi ilk etapta biraz zor öğrendikten sonrada diğer programlama standarlarının basit gelebileceği bir kodlama standartlarına sahip .