React native ile Hello World Uygulaması

Merhaba, aşağıdaki adımları takip ederek react native ile ilk IOS uygulamanızı yapabilirsiniz.


1-) node yüklü mü kontrol edin.

node -v

2-) yüklü değilse  node'u yükleyin

brew install node

3-) watchman yüklü mü kontrol edin

watchman -v

4-) watchman'i yükleyin

brew install watchman

5-) React'ı yükleyin

npm install -g react-native-cli

6-) Şablon proje oluşturun.

react-native init HelloWorld

7-) Oluşturduğumuz proje dizinine gidin

cd HelloWorld/

8-) index.ios.js dosyasını açın.

vi  index.ios.js

Bu dosya içerisinde "class HelloWorld extends Component"  satırının olduğu  kısmından başlayarak  oluşturduğumuz  projenin içeriğini görebilir, yine  burayı güncelleyerek ekranda sonucunu görebilirsiniz.

9-) Xcode aracılığıyla bu dosyayı açarak projenin çıktısını emulator üzerinde görebilirsiniz.

File->Open-> <ProjeDizininine Gidin> -> ios --> buit and run (Derle Ve Çalıştır)