React Native ile İlk Projeyi Oluşturmak

Merhabalar, bu yazımızda “bir react native projesi nasıl oluşturulur?” Bundan bahsedeceğim.

NOT: MacOS işletim sistemi kullanılması ve Xcode ve Android SDK önceden yüklü olması gerekmektedir.

İlk olarak React-Native kendi sitesine gidelim.

React Native · A framework for building native apps using React

Ben geleneksel olan proje oluşturma yöntemini anlatacağım. Expo ile proje oluşturmak isteyenler şuraya göz atabilir.

Quick Start - Expo Documentation

Geri dönecek olursak;

Bir React-Native projesini terminalden oluşturmak için React-Native-CLI indirmemiz gerekiyor.

• Daha önceden yüklü bir node.js kurulu ise;
• Node versiyonuzu kontrol edin. Çünkü önerilen versiyon Node 8.3 ve daha üstü bir versiyonu desteklemektedir.

brew install node

brew install watchman

komutlarını çalıştırıp başarıyla kurduktan sonra Aşağıdaki kodu çalıştırın.

npm install -g react-native-cli

Evet, buraya kadar herhangi bir sorun almadıysanız devam edelim.

Terminali açın ve yazmak istediğiniz projenin adını belirleyin. Benimki “ReactNativeSample” olsun.

react-native init ReactNativeSample veya
react-native init ReactNativeSample --package=com.organization.project.ReactNativeSample

package.json dosyasının olduğu dizine gidin.

projeyi çalıştırmadan önce npm paketlerini yüklememiz gerekiyor.

npm install

dedikten sonra paketler yüklenmesi biraz sürecektir. herhangi bir hata almadıysanız sırada projeyi simulator de çalıştırmak kalıyor.

react-native run-ios

react-native run-android

diyerek aynı anda ios ve android simulatorlerde projenizi çalıştırabilirsiniz.

İyi Çalışmalar…