Ders İçeriği

Geliştirme Ortamına Genel Bakış

React Native geliştirme ortamı kurmak için iki ana yol vardır: Expo CLI ve React Native CLI. Her ikisinin de kendine özgü avantajları vardır ve hangi yolu seçeceğiniz projenizin gereksinimlerine bağlıdır.

Expo CLI Nedir?

Expo, React Native geliştirmeyi kolaylaştıran bir platform ve araç setidir. Yeni başlayanlar için ideal olan bu yöntem, karmaşık kurulum işlemlerini ortadan kaldırır.

Expo'nun Avantajları:
  • Hızlı kurulum ve başlangıç
  • Cihazda anında test etme imkanı
  • Birçok hazır API ve bileşen
  • Over-the-air güncellemeler
Expo'nun Sınırlamaları:
  • Özel native modüller kullanılamaz
  • Uygulama boyutu daha büyük olabilir
  • Bazı platform-specific özellikler sınırlı

Sistem Gereksinimleri

React Native geliştirme ortamını kurmadan önce sisteminizin aşağıdaki gereksinimleri karşıladığından emin olun:

💻 Genel Gereksinimler

  • İşletim Sistemi: Windows 10+, macOS 10.15+, Ubuntu 18.04+
  • RAM: Minimum 8GB (16GB önerilir)
  • Disk Alanı: Minimum 10GB boş alan
  • İnternet Bağlantısı: Paket indirmeleri için gerekli

Node.js Kurulumu

React Native, Node.js üzerinde çalışır. Bu nedenle ilk adım Node.js'i sisteminize kurmaktır.

1

Node.js İndirme

nodejs.org adresinden LTS (Long Term Support) versiyonunu indirin.

2

Kurulum Doğrulama

Terminal veya komut istemcisini açın ve aşağıdaki komutları çalıştırın:

node --version npm --version

✅ Kurulum Kontrol Listesi

Expo CLI Kurulumu (Önerilen Başlangıç)

Yeni başlayanlar için Expo CLI ile başlamanızı öneriyoruz. Daha sonra ihtiyaç duyduğunuzda React Native CLI'ye geçiş yapabilirsiniz.

1

Expo CLI Kurulumu

Terminal'de aşağıdaki komutu çalıştırın:

npm install -g @expo/cli
2

Expo Hesabı Oluşturma

expo.dev adresinden ücretsiz hesap oluşturun.

3

Expo CLI'ye Giriş

Terminal'de hesabınıza giriş yapın:

npx expo login

İlk React Native Projenizi Oluşturun

Artık geliştirme ortamınız hazır! İlk projenizi oluşturalım:

1

Yeni Proje Oluşturma

Terminal'de proje oluşturmak istediğiniz klasöre gidin ve şu komutu çalıştırın:

npx create-expo-app MyFirstApp cd MyFirstApp
2

Projeyi Çalıştırma

Proje klasörünün içinde aşağıdaki komutu çalıştırın:

npx expo start
Tebrikler! 🎉 İlk React Native projenizi oluşturdunuz. Terminal'de bir QR kod göreceksiniz. Bu QR kodu telefonunuzdaki Expo Go uygulaması ile tarayarak projenizi cihazınızda test edebilirsiniz.

Expo Go Uygulaması

Geliştirdiğiniz uygulamaları gerçek cihazlarda test etmek için Expo Go uygulamasını indirin:

📱 iOS

App Store'dan "Expo Go" uygulamasını indirin

🤖 Android

Google Play Store'dan "Expo Go" uygulamasını indirin

🔧 Geliştirme Araçları

React Native geliştirme deneyiminizi iyileştirmek için aşağıdaki araçları da kurabilirsiniz:

Sorun Giderme

Kurulum sırasında karşılaşabileceğiniz yaygın sorunlar ve çözümleri:

❌ "npm command not found" hatası

Çözüm: Node.js'in doğru şekilde kurulmadığını gösterir. Node.js'i yeniden indirip kurun ve sistem PATH'ine eklendiğinden emin olun.

❌ "Permission denied" hatası (macOS/Linux)

Çözüm: npm paketlerini global olarak kurarken izin sorunu yaşıyorsanız, npm'in global klasörünü değiştirin veya nvm kullanın.

❌ Expo Go'da QR kod taranmıyor

Çözüm: Bilgisayarınız ve telefonunuzun aynı Wi-Fi ağında olduğundan emin olun. Firewall ayarlarını kontrol edin.

📝 Kurulum Testi

Kurulumunuzun başarılı olup olmadığını test etmek için aşağıdaki adımları takip edin:

  1. Terminal'de node --version komutunu çalıştırın
  2. Yeni bir Expo projesi oluşturun
  3. Projeyi başlatın ve QR kodu tarayın
  4. Telefonunuzda "Hello World" ekranını görün

Sonraki Adımlar

Geliştirme ortamınız artık hazır! Bir sonraki derste React Native'in temel bileşenlerini öğrenecek ve ilk uygulamanızı geliştirmeye başlayacaksınız.

Bu Derste Öğrendikleriniz:
  • Expo CLI ve React Native CLI arasındaki farklar
  • Node.js ve npm kurulumu
  • Expo CLI kurulumu ve kullanımı
  • İlk React Native projesinin oluşturulması
  • Expo Go ile cihazda test etme