Macbook React Native Kurulumu

Macbook React Native kurulumu

Arkadaşlar merhaba,

React derslerimize başlamadan önce ilk olarak eş zamanlı iOS ve Android yazılım hazırlamamızı sağlayacak React Native kurulumunu yapacağız.

İlk olarak tanıyalım;

React Native Nedir?

React Native aslında adı üzerinde, ReactJS çatısını baz alarak Native arayüzler aracılığıyla mobil uygulama yazılmasını sağlayan bir geliştirme ortamıdır. Native arayüz bileşenlerini barındırdığı için klasik React’teki component yapısında kullanılan <div> bileşeni yerine Android ve iOS’teki arayüzü karşılığına dönüşecek olan <View> bileşeni, <img>yerine ise <Image> bileşeni kullanılır. Aslında <View> ve <Image> gibi bileşenler Facebook tarafından Android ve iOS karşılıklarının kodlanmasıyla oluşturulmuş yapılardır.

Kurulum Aşamaları

1 -Home Brew Kurulumu: Paketleri çekebilmemiz için bu kurulumu yapmalısınız.Bir önceki yazımızda en basit haliyle kurulumu yaptık.Yazıyı incelemek için tıklayınız

2 – React Native kurulumu için aşağıdaki listedeki dependencies listesine ihtiyacımız vardır kurulumlarını tek tek yapacağız.

Node ve Watchman kurulumu için HomeBrew macbook unuzda kurulu olmalıdır.

Homebrew kurduktan sonra terminal ekranını açıyoruz ve alttaki 2 kodu sırasıyla yazıyoruz.Paketlerin inmesi biraz zaman alabilir.

Eğer incelersek;

  • brew install node –> Node Yükleme
  • brew install watchman –> Watchman kurulumu
  • brew upgrade node -> Node güncelleme

anlamına gelmektedir.Watchman facebook tarafından oluşturulmuş,dosya sistemindeki değişiklikleri izlemek için özellikle yüklemeniz tavsiye edilmiştir.

Node`u sisteme yükledikten sonra Node 8.3 veya daha yeni bir versiyon yüklediğinizden emin olun.

React Native Kurulumu

Node kurulumundan sonra terminal ekranını tekrar açıp alttaki komutu yazıyoruz.

Eğer kurulum sırasında Cannot find module ‘npmlog’ hatası alırsanız npm kodunun başına sudo olarak yazınız.

Şimdiye kadar neler yaptık?

  • Node kurulumu yapıldı
  • Watchman kurulumu yaptık.
  • React Native CLI kurulumu yaptık.

Sonraki adımda ise XCode u macbook`unuza kuracaksınız.Bunun en basit yolu Mac App Store u açıp yüklemektir.

Arama kısmına xcode yazdıktan sonra toplam ebatı 6.07 GB olan paket dosyasını Macbook`a kuruyoruz.

XCode kurulumu
XCode kurulumu

React Native kurulumunu XCode kurarak tamamlıyoruz.

Bunları da beğenebilirsin