Merhabalar, bugün React Native nasıl kurulur, Expo nedir bunlardan bahsedeceğim.
1.Adım- Öncelikle Emulator' ü kullanabilmemiz için Android Studio' yu kurmamız gerekiyor. Android Studio' yu kurduktan sonra gerekli SDK dosyalarını yüklemeliyiz. Bunun için Android Studio' SDK manager' a gitmeliyiz. SDK Platforms sekmesinden Android'in son sürümünü seçin. SDK Tools sekmesinde, Android SDK Build-Tools, Android Emulator, Android SDK Platform-Tools, ve Android SDK Tools seçeneklerini işaretleyin. Bunları kaydetmeyi de unutmayın
.
2.Adım- Ortam değişkenlerini ayarlamalıyız, bunu yapmamızın nedeni React Native' in Android araçlarını bulabilmesini sağlamaktır. Android Studio' da ayarlar kısmından Android SDK bölümüne geliyoruz ve Android SDK Location kısmından yolu kopyalıyoruz. Daha sonra Denetim Masasından > Kullanıcı Hesapları > Ortam Değişkenlerinizi Değiştirin diyoruz. Burada yeni diyoruz ve Değişken adı kısmına 'ANDROID_HOME' yazıyoruz. Değişken değeri kısmına kopyaladığımız yolu yapıştırıyoruz. Tamam diyoruz ve işlem bitiyor.
3.Adım- Node.js' i kuracağız. İndirme seçeneklerinden "LTS" yazanı indirmelisiniz. indirme işlemi tamamlandıktan sonra kurulumu next-next diyerek tamamlayabilirsiniz.
4.Adım- Bu kısımda her şey tamam aslında şimdi Expo CLI ve React Native CLI nedir bunlardan bahsetmek istiyorum. React Native CLI ve Expo CLI, React Native ile mobil uygulama geliştirmek için kullanılan iki araçtır. React Native CLI, projeyi özelleştirmek ve bağımlılıkları yönetmek isteyen geliştiriciler için tercih edilebilir. Bunu manuel vites araba kullanmak gibi düşünebilirsiniz. Expo CLI ise bu işe yeni başlayan kullanıcılar için tasarlanmıştır kurulum, yapılandırma daha basittir. Expo, "over-the-air" güncellemeleri kolay bir şekilde yapabilirsiniz. Bunu da otomatik vites gibi düşünebilirsiniz.
5.Adım- Proje oluşturmak için (expo ile proje oluşturmayı tercih ettim) Terminalden masaüstü konumuna gelip 'npx create-expo-app --template' komutunu çalıştırmalıyız. Template seçmemizi isteyen kısımdan 'Blank' olanı seçmeliyiz. Bu kısımda projenizin adını girebilirsiniz. Projemiz oluşturuldu. projeyi başlatmak için 'npx expo start' komutunu çalıştırmalıyız. Burada 'a' tuşuna basarak emülatörü de çalıştırabiliriz. Projeyi oluşturduktan sonra dosya yapısı şu şekilde görünecektir (src sizde görünmeyecektir o sorun değil):
App.js dosyasında kodlarımızı yazabiliriz .Bir diğer seçenek ise kişisel telefonunuzdan Play Store' a girerek Expo Go uygulamasını indirmek. Bu uygulama üzerinden ister QR kod ister ip adresi girerek projenizi telefonunuzda çalıştırabilirsiniz. Bu yöntem sadece expo ile oluşturulan projelere özeldir. Tavsiyem Expo CLI' ı kullanmanız yönünde, nedeni ise bu çoğu çakışma, versiyon uyuşmazlığı sorunlarını sizin yerinize hallediyor olması. React Native CLI' da bunları manuel olarak düzeltmeniz gerekiyor. Buradan sonrası artık sizin hayal gücünüze kalmış. İyi Çalışmalar.
1.Adım- Öncelikle Emulator' ü kullanabilmemiz için Android Studio' yu kurmamız gerekiyor. Android Studio' yu kurduktan sonra gerekli SDK dosyalarını yüklemeliyiz. Bunun için Android Studio' SDK manager' a gitmeliyiz. SDK Platforms sekmesinden Android'in son sürümünü seçin. SDK Tools sekmesinde, Android SDK Build-Tools, Android Emulator, Android SDK Platform-Tools, ve Android SDK Tools seçeneklerini işaretleyin. Bunları kaydetmeyi de unutmayın
.2.Adım- Ortam değişkenlerini ayarlamalıyız, bunu yapmamızın nedeni React Native' in Android araçlarını bulabilmesini sağlamaktır. Android Studio' da ayarlar kısmından Android SDK bölümüne geliyoruz ve Android SDK Location kısmından yolu kopyalıyoruz. Daha sonra Denetim Masasından > Kullanıcı Hesapları > Ortam Değişkenlerinizi Değiştirin diyoruz. Burada yeni diyoruz ve Değişken adı kısmına 'ANDROID_HOME' yazıyoruz. Değişken değeri kısmına kopyaladığımız yolu yapıştırıyoruz. Tamam diyoruz ve işlem bitiyor.
3.Adım- Node.js' i kuracağız. İndirme seçeneklerinden "LTS" yazanı indirmelisiniz. indirme işlemi tamamlandıktan sonra kurulumu next-next diyerek tamamlayabilirsiniz.
4.Adım- Bu kısımda her şey tamam aslında şimdi Expo CLI ve React Native CLI nedir bunlardan bahsetmek istiyorum. React Native CLI ve Expo CLI, React Native ile mobil uygulama geliştirmek için kullanılan iki araçtır. React Native CLI, projeyi özelleştirmek ve bağımlılıkları yönetmek isteyen geliştiriciler için tercih edilebilir. Bunu manuel vites araba kullanmak gibi düşünebilirsiniz. Expo CLI ise bu işe yeni başlayan kullanıcılar için tasarlanmıştır kurulum, yapılandırma daha basittir. Expo, "over-the-air" güncellemeleri kolay bir şekilde yapabilirsiniz. Bunu da otomatik vites gibi düşünebilirsiniz
.5.Adım- Proje oluşturmak için (expo ile proje oluşturmayı tercih ettim) Terminalden masaüstü konumuna gelip 'npx create-expo-app --template' komutunu çalıştırmalıyız. Template seçmemizi isteyen kısımdan 'Blank' olanı seçmeliyiz. Bu kısımda projenizin adını girebilirsiniz. Projemiz oluşturuldu. projeyi başlatmak için 'npx expo start' komutunu çalıştırmalıyız. Burada 'a' tuşuna basarak emülatörü de çalıştırabiliriz. Projeyi oluşturduktan sonra dosya yapısı şu şekilde görünecektir (src sizde görünmeyecektir o sorun değil):
App.js dosyasında kodlarımızı yazabiliriz .Bir diğer seçenek ise kişisel telefonunuzdan Play Store' a girerek Expo Go uygulamasını indirmek. Bu uygulama üzerinden ister QR kod ister ip adresi girerek projenizi telefonunuzda çalıştırabilirsiniz. Bu yöntem sadece expo ile oluşturulan projelere özeldir. Tavsiyem Expo CLI' ı kullanmanız yönünde, nedeni ise bu çoğu çakışma, versiyon uyuşmazlığı sorunlarını sizin yerinize hallediyor olması. React Native CLI' da bunları manuel olarak düzeltmeniz gerekiyor. Buradan sonrası artık sizin hayal gücünüze kalmış. İyi Çalışmalar.
