Article cover

08.09.2022

26

Beğenme

1657

Görüntülenme

React Native windows kurulumu

React Native Kurulumu Windows


Merhabalar bu yazımda Windows cihaza React Native kurulumunu anlatacağım. Kendi bilgisayarımda kurulum aşamasında bir çok sıkıntı yaşadığım için bu yazıda tecrübelerimi paylaşmak istedim.Umarım keyifle okursunuz. Evet hazırsanız başlayalım.

Learn once,write anywhere..

Öncelikle kurulum yaparken react native dökümantasyonuna bağlı kalıyoruz. Şimdi beraber inceleyelim.Öncelikle iki seçenek çıkıyor önümüze Expo ve React Native Cli.

Expo başlangıç aşamasında ve basit projelerde daha kullanışlı olduğu için bazı kesimler tarafından tercih ediliyor. Biz bu yazımızda daha büyük projelerde ve şirketlerde kullanılan React Native Cli kurulumundan bahsedeceğim.Dökümantasyon ile beraber ilerliyoruz.

Öncelikle Nodejs kurulumu yapıyoruz.Current yapıdaki son versiyonu indiriyoruz. Kurulum bittikten sonra Bilgisayarımızda cmd yi açıp node-v komutunu çalıştırıyoruz..

Chocolatey paketini yükleyerek devam ediyoruz. Cholatey dökümantasyonuna baktığımızda bilgisayarımızdaki komut sistemini (cmd,powershell) yönetici olarak çalıştırıp aşağıdaki komutu çalıştırıyoruz.Sonrasında aşağıdaki komutu çalıştırıyoruz.




Bu adımdan sonra komut sistemimizi tekrar yönetici olarak çalıştırıp şu komutu yazıyoruz. choco install -y nodejs-lts openjdk11.

Gerekli paketler yüklendikten sonra sıradaki aşama olarak bilgisayarımızda daha önce react-native kurulmuşsa kaldırıyoruz.

npm uninstall -g react-native-cli @react-native-community/cli

işlem bittikten sonra bu sefer react native’i global olarak bilgisayarımıza kuralım npm install -g react-native-cli @react-native-community/cli.

Android Studio kurulumu

Evet şimdi benim en çok zorlandığım kısmı anlatmaya çalışacağım.Umarım yardımcı olur aktaracağım bilgiler.


Öncelikle bilgisayarınıza daha önce android studio indirip farklı dillerde proje oluşturduysanız react native kullanmadan önce tamamen bilgisayardan kaldırıp tekrar yüklemenizi önereceğim.Sizin için 4 dakikalık kısa bir video bırakıyorum. https://www.youtube.com/watch?v=ZfKcU_tB4Ww .

Bu işlemden sonra bu linkten android studio’yu indiriyoruz.

Kurulum bittikten sonra android studio yu açıp sdk manager’ı açıyoruz.Sonra SDK platformlarından Android 10.0(Q) seçip indiriyoruz. Sonrasında sdk platform kısmında Show package details kısmına tıklayıp


Yukarda belirttiğim iki paketi yüklüyoruz.

Path ekleme

Bilgisayarımızda “ortam değişkenlerini” açıp Java_HOME ve Android_HOME olmak üzere iki yeni veri oluşturuyoruz, klasör yolunu kopyalayıp yapıştırıyoruz. Örnek olarak görsele bakabilirsiniz.




kaydettikten sonra,tekrar ortam değişkenlerini açıp path ekliyoruz.Görselde paylaşıyorum.

Pathleri doğru kurduğumuzdan emin olmak için powershell açıp şu komutu çalıştırıyoruz . Get-ChildItem -Path Env:\



Evet yorulduk ama çok az bir işimiz kaldı. Android studio’yu açıp AVD manager’a tıklıyoruz.Create virtual device seçeneğine tıklayarak sanal cihazımızı oluşturuyoruz. Ben pixel4 cihazını ve system image olarak “Q “ seçeneğini seçtim ve indirdim.

Proje oluşturabiliriz. İlk proje için aşağıda belirttiğim komutları sırasıyla uygulayabilirsiniz.

  1. Cmd’yi açalım.
  2. cd desktop komutuyla masaüstüne gelelim.
  3. mkdir proje diyerek bir klasör oluşturalım.
  4. cd proje diyerek klasörü açalım
  5. npx react-native init Firstproject yazarak projemizi oluşturalım.
  6. kurulum bittikten sonra npm start yazarak projeyi çalıştıralım.

Şimdi cihazımızı başlatalım.

  1. yeni bir cmd açalım.
  2. cd Desktop\proje\Firstproject yazarak proje dosyasına giriyoruz.
  3. npm run android komutunu çalıştıralım.



Cihazımızda yukardaki gibi bir görüntü aldıysak başarılı bir kurulum yaptık diyebiliriz.

Umarım kurulumda sıkıntı yaşayan arkadaşlar için güzel bir yazı olmuştur.Eleştiri ve önerileriniz için iletişime geçebilirsiniz. İyi okumalar dilerim.

https://www.linkedin.com/in/ebrarmeadev/

React Native

Yorumlar

Kullanıcı yorumlarını görüntüleyebilmek için kayıt olmalısınız!

Muhammed Ebrar Altunkaynak

Merhaba , Ben Ebrar 1 senedir React yazıyorum ve kendimi nodejs üzerine geliştiriyorum. www.ebrardev.com

Konum

Mersin, TR

Eğitim

Computer Engineering - Mersin University

İş Tecrübesi

BİLGİ İŞLEM -PART TIME - MERSİN ÜNİVERSİTESİ

Intern - GefeaSoft

© 2021 Patika Dev

facebook
twitter
instagram
youtube
linkedin