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.
- 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
- Ö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.
Node.js İndirme
nodejs.org adresinden LTS (Long Term Support) versiyonunu indirin.
Kurulum Doğrulama
Terminal veya komut istemcisini açın ve aşağıdaki komutları çalıştırın:
✅ 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.
Expo CLI Kurulumu
Terminal'de aşağıdaki komutu çalıştırın:
Expo Hesabı Oluşturma
expo.dev adresinden ücretsiz hesap oluşturun.
Expo CLI'ye Giriş
Terminal'de hesabınıza giriş yapın:
İlk React Native Projenizi Oluşturun
Artık geliştirme ortamınız hazır! İlk projenizi oluşturalım:
Yeni Proje Oluşturma
Terminal'de proje oluşturmak istediğiniz klasöre gidin ve şu komutu çalıştırın:
Projeyi Çalıştırma
Proje klasörünün içinde aşağıdaki komutu çalıştırın:
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:
- Terminal'de
node --version
komutunu çalıştırın - Yeni bir Expo projesi oluşturun
- Projeyi başlatın ve QR kodu tarayın
- 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.
- 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