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.
Ben geleneksel olan proje oluşturma yöntemini anlatacağım. Expo ile proje oluşturmak isteyenler şuraya göz atabilir.
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…