react native nasıl çalıştırılır ?

React Uygulamaları Ayağa Kaldırılırken Atılacak Adımlar

Node olduğunu varsayarak ,

brew install watchman 
npm install -g react-native-cli

projenin çalışması ve bekası için olmazsa olmaz paketlerdir. ara ara güncelleme gelebilir. Bam diye güncellerseniz sıkıntı yaşayabilirsiniz.

Eğer “Cannot find module ‘npmlog'” hatası alınırsa curl -0 -L https://npmjs.org/install.sh | sudo sh.

  • node_modules klasörü boş geleceğinden dolayı * npm install yapılır.
IOS için

react-native run-ios

Ios Sımulatorde çalışması için xCode yüklü olmalıdır.

Android için

react-native run-android

Android Sımulatorde çalışması için yüklü olan bir Android Emulator olmak zorunda ve o anda çalışıyor olmalıdır. O sebebple Genymotion vb de olabiir bir emulatorun running statutde olduğu bir anda kod yazılmalıdır.

Bu kodlar eğer uzun geliyor ise package.json içerisinde script tagleri arasına şu şekilde ekleyerek npm run-ios ya da npm run-android yapabilirsiniz.

"scripts": {   
"start": "node node_modules/react-native/local-cli/cli.js start",    
"test": "jest",   
"ios": "react-native run-ios",    
"android": "react-native run-android"
}

Notlarım

1- Şayet herhangi bir kütüphaneden sonra proje build olmamakta ısrar ediyorsa react-native-navigation kütüphanesini kontrol edin ! Manuel şekilde linklendi aman dikkat. Versiyon 1 kullanıyoruz versiyon değiştirmeyin.

2- Her yerde react-native upgrade adında bir komut var ** Aman Dikkat ! ** Bunu öyle “ooo bunu yazınca düzeliyormuş” kafasında yazmayın sakın ! Tüm Android ve IOS configlerini değiştiryor. Bizim manuel eklediğimiz linkleri kaldırır. (BKZ: react-native-navigation ve react-native-vector-icon) Çok tehlikeli bir kod ** istişare edilemeden KULLANILMASIN !!! **

3- Bir defasında Reactin bana verdiği uyarı

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.

Herhangi bir sorununuzda watchman kapatın deneyin buildleri silin deneyin nodu silin deneyin. (Dakikalarca sürecek biliyorum yapacak bişey yok) Her zaman stabil çalışmayabilir. Bunu unutmayın. Zaten yaptığınız konfigleri tekrar yapmanız gerekebilr. TTNET müşteri hizmeleri kafası ile sorunun çözümüne ilerleyin (BKZ: İlk Soru — Modem fişe takılı mı ? ) 🙂