React Native sayesinde React kullanan herkes aslında bir mobil yazılımcıya dönüşüyor. Aslında kurulumu çok problemli değil ancak aşağıdaki notların elimizin altında bulunmasında fayda var.
MacOS için kurulum
Mac kullanıcılarında brew ve cask kurulumlarının yapıldığını varsayıyorum. Eğer yapmadıysanız:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew tap caskroom/cask
Daha sonra ise node, android-sdk, android-platform-tools, java8 ve watchman kurulumlarını brew ve cask yardımıyla gerçekleştiriyoruz.
brew tap caskroom/cask
brew install node
brew cask install android-sdk
brew cask install android-platform-tools
brew cask install caskroom/versions/java8
brew install watchman
Elimizin altında Android olsa da emulatörden çalışmak daha hızlı ve pratik bu yüzden bir emülatöre ihtiyacımız olacak. Genymotion kişisel kullanımlar için ücretsiz. Ücretsiz bir hesap yaratıp aşağıdan Genymotion'u indirelim.
https://www.genymotion.com/fun-zone/
Eğer Virtual Box ile birlikte gelmiyorsa Virtual Box'ı da kurmak lazım:
https://www.virtualbox.org/wiki/Downloads
Genymotion açılışında 'Personal Use' seçip kullanıcı adımızla giriş yaptıktan sonra bir sanal telefon oluşturmamız gerekecek. Android 4, 5, 6, 7 vs. ve favori telefonunuzu seçip emulatörü başlatın.
React uygulamasında create-react-app kullanmıştık. Benzer şekilde yine Facebook'un resmi installer'ı olan create-react-native-app uygulamasını da global olarak yükleyelim:
npm install -g create-react-native-app
Daha sonra boş bir uygulama yaratalım ve bu uygulamayı çalıştıralım:
create-react-native-app ilkUygulama
cd ilkUygulama
npm install
npm start
Genymotion'ın arka planda çalıştığından emin olduktan sonra, çıkan menüde android için a
'ya basıyoruz ve ilk uygulamamız hazır.
Elbette emülatörü sallamak pek gerçekçi değil. Sallama olayını ise command+m tuş kombinasyonu ile gerçekleştirebilirsiniz.
Windows için kurulum
Windows üzerinde node ve java kurulumlarını sitesinden indirdiğiniz kurulum dosyaları ile gerçekleştirin. Windows üzerinde sdk ve platform-tools kurulumu bende oldukça sorunlu oldu. Eğer sorun yaşarsanız direk Android Studio'yu da kurabilirsiniz.
Bunun dışında yine Genymotion'a ihtiyaç duyacağız ve create-react-native-app ile ilgili kısımlar MacOS ile aynı şekilde olacaktır:
npm install -g create-react-native-app
create-react-native-app ilkUygulama
cd ilkUygulama
npm install
npm start