0

Bu yazımızda windows cihazlara React Native’i nasıl kuracağımızı anlatacağız. Bunun yanında React Native’in ne olduğundan da bahsedeceğiz.

React Native Nedir?

React Native isminden de anlaşılacağı üzere mobil platforma native uygulama yazmayı sağlar. Ayrıca React Native bir Javascript framework’üdür. React Native’i diğer dillerden ayıran en büyük özelliği: hem iOS hem de Android uygulaması yazmanıza olanak sağlaması.  Bildiğimiz üzere Android’e bir uygulama geliştireceksek Javascript veya Kotlin, iOS platforma uygulama geliştireceksek Objective-c veya Swift öğreniyorduk. Facebook’un geçmiş yıllarda geliştirdiği bu framework sayesinde tek bir proje açıp tek tip kodlama yaparak Android ve iOS cihazlar için uygulamanızı build edebiliyorsunuz. Ayrıca çeşitli emulatorler sayesinde uygulamanızın anlık olarak gelişimini takip edebiliyorsunuz.
React Native’de arayüz tasarımı oldukça basit. Eğer HTML hakkında bir fikriniz varsa ve basit tasarımlar yapabiliyorosanız React Native’de de zorlanmayacaksınız. React Native’de her <View> bir <div>‘i , Her <View> ise <span>‘i temsil ediyor. Eklediğiniz <View>’lara CSS’te olduğu gibi stil verebiliyorsunuz.
[irp posts=”2286″ name=”React Native İle Yapılmış Uygulamalar”]

Windows İçin React Native Kurulumu – React Native Nedir?

React Native Nasıl Kurulur?

React Native’in kurulumu zor gibi gözükse de bir o kadar da eğlenceli. Eğer ki daha önce komut sisteminden (CMD) kurulum yaptıysanız zorlanacağınızı sanmıyorum.

  1. Kuruluma başlamadan önce bilgisayarımıza bir kaç şey indirmemiz gerekiyor. İlk olarak komut sisteminde çeşitli kodların çalışmasını sağlamak için Node JS indirmemiz gerekiyor. (Web sitesine gitmek için tıklayın.) Node JS’in web sitesinden Windows Installer butonuna tıklatıp kurulumu yapın.
  2. Gerekli bir kaç program daha var. Bunları tek tek kurmaya uğraşmayalım diye Chocolatey isimli bir geliştirici topluluğunun oluşturduğu kodu kullanacağız. Bu kod sayesinde bilgisayarımıza Python, JDK  Node JS kurulacak. komut sistemini yönetici olarak başlatıp aşağıdaki kodu yapıştırın. Kurulum biraz uzun sürebilir.
    @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
    
  3. Chocolatey kurulumunun ardından aşağıdaki kodu yapıştırıp gerekli programları indirin.
    choco install -y nodejs.install python2 jdk8
  4. Daha sonra React Native’in kurulumu için komut sistemine aşağıdaki komutu verin.
    npm install -g react-native-cli
  5. Android platformuna uygulama geliştirebilmeniz için Android Studio’nun kurulu olması gerekiyor. Bunun için bu bağlantıya tıklayarak Android Studio’yu kurun ve kurulum ekranında aşağıdakileri de seçerek devam edin.
  6. Android Studio başlangıç ekranında SDK kurulumunu yapın. Appearance & BehaviorSystem SettingsAndroid SDK.
  7. Windows Denetim Masası’ndaki Sistem ve Güvenlik altındaki Sistem bölmesini açın, ardından Ayarları değiştir seçeneğini tıklayın. Gelişmiş sekmesini açın ve Ortam Değişkenleri seçeneğini tıklayın. Yeni bir ANDROID_HOME kullanıcı değişkeni oluşturmak için Yeni ‘ye tıklayın. Android SDK’nızın yolunu gösterin:
    c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk

    SDK’nın gerçek konumunu Android Görünüm “Tercihler” iletişim kutusunda, Görünüm ve Davranış → Sistem Ayarları → Android SDK altında bulabilirsiniz.
    Bir sonraki adıma geçmeden önce yeni ortam değişkeninin yüklendiğinden emin olun.

  8. Windows Denetim Masası’ndaki Sistem ve Güvenlik altındaki Sistem bölmesini açın, ardından Ayarları değiştir seçeneğini tıklayın. Gelişmiş sekmesini açın ve Ortam Değişkenleri seçeneğini tıklayın. Path değişkenini seçin, ardından Düzenle’yi tıklayın. Yeni’ye tıklayın ve Platform-Tools’un yolunu listeye ekleyin. Default olarak aşağıda bulunur:
    c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk\platform-tools
    

Bu işlemleri tamamlamanızın ardından yeni uygulamanızı oluşturabilirsiniz! Bunun için komut sistemini açın. “cd desktop” yazarak masaüstüne gelin. Ardından aşağıdaki kodu kullanarak ilk React Native projenizi açabilirsiniz.

react-native init IlkUygulamam

Oluşturduğunuz Uygulamayı Emulator’de Çalıştırın!

Windows İçin React Native Kurulumu – React Native Nedir?


[irp posts=”2286″ name=”React Native İle Yapılmış Uygulamalar”]
Uygulamayı Android’de önizlemek için en çok tercih edilen emulator programı GenymotionGenymotion‘ı bu bağlantıyı indirmek için takip edebilirsiniz. Genymotion‘ı indirdikten sonra Android versiyonu ve bir telefon indirmeniz gerekiyor. İşlemleri tamamlamanızın ardından emulatorde indirdiğiniz sanal cihazı çalıştırın ve komut sisteminde proje dosyanıza girerek (cd IlkProjem) aşağıdaki kodu yazın.

react-native run-android

Uygulamanızı ilk kez build ederken süre biraz uzun olabilir. Eğer tüm işlemleri sorunsuz yaptıysanız uygulamanız emulator’de çalışacaktır.
Keyifli kodlamalar!
(Android Programlama, Facebook, iOS Programlama, React Native, React Native Nasıl Kurulur?, React Native Nedir?)

Berkay ÇATAK

Kartal Cevizli’de 7 Katlı Bina Çöktü!

Previous article

25 Şubat 2019 İstanbul'da Okullar Tatil mi? – Vali Yerlikaya Açıkladı!

Next article

You may also like

Comments

Leave a reply

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

More in Gündem