Posted insoftware

React Native’i kurulumu

React Native’i kurmanın iki ana yolu var: yeni başlayanlar için Expo, daha ileri kullanım için klasik React Native CLI. reactnative

Aşağıda hızlı bir yol haritası (Windows/macOS için özet) veriyorum; hangi işletim sistemini kullandığını söylersen adımları detaylı, komut komut yazabilirim.

1. Temel gereksinimler

  • Node.js 18+ LTS kurulu olmalı (nodejs.org’dan indir). reactnative
  • Paket yöneticisi olarak npm zaten Node ile gelir, istersen yarn de kurabilirsin (npm install -g yarn). dera.hashnode
  • Geliştirme için VS Code gibi bir editör kullanabilirsin. microsoft.github

2. Mobil için gerekli araçlar

Android için (Windows ve macOS)

  • Android Studio indirip kur. instamobile
  • Kurulumda “Android SDK”, “Android SDK Platform”, “Android Virtual Device” seçeneklerinin işaretli olduğundan emin ol. reactnative
  • Bir Android emülatörü oluştur (Pixel cihaz şablonlarından biri) ve API 34 civarı bir sistem image indir. reactnative

Windows’ta ayrıca JAVA JDK 17 kurup JAVA_HOME ve ANDROID_HOME ortam değişkenlerini ayarlaman gerekir. instamobile

iOS için (sadece macOS)

  • Bir Mac gerekiyor; Xcode’u App Store’dan kur. microsoft.github
  • Xcode içinden Command Line Tools’un kurulu olduğundan emin ol ve sudo gem install cocoapods ile CocoaPods kur. microsoft.github

3. Expo ile hızlı başlangıç (önerilen)

  1. Global Expo CLI kur:
    npm install -g @expo/cli instamobile
  2. Yeni proje oluştur:
    npx create-expo-app myApp reactnative
  3. Çalıştır: 
    cd myApp
npx expo start

    Terminalde çıkan QR kodu telefonundaki Expo Go uygulamasıyla okutabilir veya emülatörde açabilirsin. reactnative

4. React Native CLI ile kurulum

  1. Yeni proje:
    npx react-native init MyApp microsoft.github
  2. Android’de çalıştır: 
    cd MyApp
npx react-native run-android

    dera.hashnode

  3. macOS’ta iOS için (pod yükleyip): 
    cd ios
pod install
cd ..
npx react-native run-ios

    dera.hashnode

5. Masaüstü (Windows/macOS) opsiyonel

İstersen projeye React Native for Windows veya React Native for macOS ekleyip desktop uygulaması da geliştirebilirsin. learn.microsoft

  • Windows için: npx react-native-windows-init --overwrite ardından npx react-native run-windows. learn.microsoft
  • macOS için: npx react-native-macos-init ardından npx react-native run-macos. microsoft.github

Hangi işletim sistemi (Windows / macOS / Linux) ve Expo mu yoksa direkt React Native CLI mi kullanmak istediğini yazarsan, sadece ona özel, kopyalayıp çalıştırabileceğin tam kurulum rehberi hazırlayabilirim.