React Nedir?
React Native'in ne olduğuna geçmeden önce React'ın ne olduğuna bakmamızda fayda var. React, kullanıcı arayüzleri (UI) geliştirmeye yarayan açık kaynak kodlu Javascript kütüphanesidir. Component (bileşen) dediğimiz küçük ve izole parçalar sayesinde karmaşık arayüz birimlerini oluşturmanıza olanak tanır.
React hakkında daha ayrıntılı bilgiye ve Angular ile karşılaştırdığımız yazımıza göz atmak isterseniz buradan ulaşabilirsiniz.
React Native Nedir?
"Learn Once, Write Anywhere" bir kez öğrenin, her yere yazın sloganı ile Facebook tarafından oluşturulan ve 2015 Mart ayında GitHub'da paylaşılıp kullanıma sunulan React Native, Javascript kütüphanesi olan React'ı kullanarak Android ve iOS cihazlarda mobil uygulama oluşturmayı sağlayan bir yazılım çerçevesidir.
React Native Avantajları
-
React Native, cross-platform yani birden fazla işletim sisteminde çalışabilen uygulamaları destekler. Cross-platform olması ise uygulamanın geliştirilme maliyetini azaltır ve zamandan tasarruf sağlar.
-
React Native, nispeten basit, hızlı ve etkilidir.
-
Uygulamaların daha hafif ve daha hızlı olmasını sağlar, kullanıcı arayüzü (UI) odaklıdır.
-
React Native çerçevesinin son yıllarda popülerlik kazanmasının bir başka nedeni ise, çerçevenin tek seferde her iki platform için de uygulama geliştirilebilmesini sağlıyor olmasıdır. Yani, Android uygulaması geliştirmek için Java programlama dilini, iOS uygulaması geliştirmek için Swift programlama dilini öğrenmeye gerek kalmadan Javascript konusunda uzman olan geliştiriciler için harika bir seçimdir.
-
React Native ile uygulama geliştirirken bir kod yazdığınızda çalıştırılmaya ihtiyaç duymadan canlı yeniden yükleme özelliği (Live Reload) ile kodunuzda yaptığınız değişiklikleri anında görebilirsiniz.
React Native Kullanan Popüler Uygulamalar
Kaynak: https://reactnative.dev/showcase
React Native kullanılarak geliştirilen oldukça fazla popüler uygulamalar vardır bunlardan bazılarını yukarıdaki görselden görebilirsiniz.
React Native Kurulumu
React Native hakkında temel bilgilere sahip olduğumuza göre React Native ile nasıl uygulama geliştirebileceğimizi öğrenmeye geçebiliriz.
Mobil uygulama geliştirme konusunda yeniyseniz ve React Native'e de yeni giriş yapıyorsanız. React Native etrafında oluşturulan bir araç seti olan Expo, başlangıçta işinizi oldukça görecektir. Expo, Android Studio veya xCode bilgisayarınızda yüklü olmadan uygulama geliştirebilmenize olanak sağlıyor.
Şimdi, Expo kurulumu yapmayı ve Expo üzerinden ilk projemizi nasıl çalıştıracağımızı sizlere gösteriyor olacağım.
-
Node.js'nin bilgisayarınızda yüklü olması gerekmektedir. Node.js yüklü değil ise buradan indirip kurulumu yapabilirsiniz.
-
Node.js başarılı bir şekilde kurulduysa "npm install -g expo-cli" kodunu komut satırına yazıp çalıştırın.
-
Kurulum tamamlandığına göre ilk projemiz için sunucuyu başlatabiliriz bunun için ,
expo init HelloWorld
cd AwesomeProject
npm start
kodlarını yine komut satırına yazıp çalıştırmalısınız. Bu kodlar çalıştırıldığında bir geliştirme sunucusunu başlatmış olacaksınız.
Her şey yolunda giderse tarayıcınızda böyle bir ekran açılacak.
Bu ekran açıldıktan sonra hangi ortam için proje geliştirecekseniz sol taraftaki menüden seçim yapmanız gerekiyor. Örneğin, Run in web browser seçeneğine tıkladığımızda projemizi internet tarayıcısında görüntüleyebileceğiz.
İlk Proje:
Kurulum aşamasında proje dosyamızı oluşturmuştuk. Proje dosyamız olan HelloWorld klasörü değişiklik yapmadıysanız C dizinindeki kullanıcılar klasöründe HelloWorld adında bulunmaktadır. Bu klasörün içerisindeki app.js dosyasını Visual Studio Code ile veya siz başka bir kod editörü kullanıyorsanız onunla da açabilirsiniz.
Açtığımızda bu kodlar ile karşılaşıyor olacağız. Artık bu sayfadan kodları düzenleyebilir veya yeni bir proje oluşturabilirsiniz. Visual Studio Code üzerinde değişiklik yapıp kaydettiğinizde anlık olarak Expo üzerinden açılan sanal sunucuda değişikliklerinizi görebileceksiniz.
Expo üzerinden bu şekilde React Native uygulamaları kolayca oluşturulabiliyor. Expo dışında React Native uygulamalarınızı tarayıcıya bağlı kalmadan bilgisayarınıza Android Studio ve xCode kurulumlarını yaparak da yapabilirsiniz.
Windows işletim sistemine sahip bir bilgisayar kullanıyorsanız sadece Android Studio kurulumu yapıp Android işletim sistemi için uygulama geliştirebilirsiniz. iOS işletim sistemine sahipseniz xCode ile React Native uygulamaları geliştirebilirsiniz. Tüm bu kurulumları nasıl yapacağınıza ve bu ortamlarda React Native uygulamalarını nasıl geliştireceğinize dair bilgiler React Native resmi internet sitesinde anlatılmıştır.
Son zamanların oldukça popüler, mobil uygulama geliştirme yaklaşımlarından olan cross-platformlardan React Native’in ne olduğuna, avantajlarına, React Native ile geliştirilen popüler uygulamalara ve tarayıcı üzerinden nasıl uygulama geliştirilebildiğine değindim. React Native’in birçok rakibi bulunuyor. Flutter ve Ionic gibi bu platformları da inceleyip aralarındaki farkları sizlerle paylaşmaya devam edeceğim.
