Ubuntu - React Native Kurulumu

[melihcelenk]

BIOS ayarlarınızda Virtualization'ı aktif edin.

Java SE Development Kit'i yükleyin
https://www.oracle.com/java/technologies/downloads/

NodeJS'i yükleyin
https://nodejs.org/en/download/package-manager/

Uyumlu versiyon kurulmamışsa

npm --version
node --version

ile versiyonları kontrol edip
Cnpm install npm@latest

uyumlu versiyonu kurabilirsiniz.

Python'ı kurun
https://www.python.org/downloads/

Android Studio'yu kurun
https://developer.android.com/studio

Ortam değişkenlerini ayarlayın

echo $PATH
export PATH=$PATH:/home/KULLANICIADINIZ/Programlar/android-studio-2020.3.1.25-linux/android-studio/bin
source ~/.profile

JAVA_HOME path'i ayarlayın
https://vitux.com/how-to-setup-java_hom ... in-ubuntu/

npm install -g react-native-cli

ile React Native CLI kurulumunu yapın

Proje için bir dizin oluşturun ve terminalde içine girin. (Örn: Projeler/ReactNative)

react-native init ilkproje

ardından çalıştırmak için

react-native run-android

komutunu kullanın.

Gerekebilecek diğer komutlar:

apt install adb
apt install openjdk-11-jdk

EXPO ile proje oluşturma:
EXPO CLI yükleyin.

npm install -g expo-cli

expo init ilkproje
cd ilkproje
npm start

Not: Herhangi bir projenin EXPO projesi olup olmadığı, app.json dosyasında "expo" ifadesinin geçip geçmediğine bakılarak anlaşılabilir.

Android Studio üzerinde bir emülatör başlatın.

W ile Web, M ile mobil üzerinde görüntüleyebilirsiniz.

Kodu Visual Studio Code'da düzenleyecekseniz her defasında kaydederken parola isteyecektir. VSCode'un yönetici olarak çalıştırılması tavsiye edilmez.

sudo chown -R KULLANICIADINIZ PROJEDİZİNİNİZ

şeklinde bir komutla projenizin bulunduğu klasöre izin verebilirsiniz. Örnek:

~/Projeler/ReactNative$ sudo chown -R melihcelenk ilkproje

Bu işlemi yaptıktan sonra kaydettiğiniz an değişikliği görebilirsiniz.

Visual Studio Code için gerekli olabilecek eklentiler:
https://marketplace.visualstudio.com/it ... ptSnippets
https://marketplace.visualstudio.com/it ... ve-snippet

KAYNAKLAR:
https://hackprogramming.com/2-ways-to-p ... in-ubuntu/
https://docs.npmjs.com/try-the-latest-s ... ion-of-npm
https://ubuntu.com/blog/kvm-hyphervisor
https://vitux.com/how-to-setup-java_hom ... in-ubuntu/
https://reactnative.dev/docs/environment-setup