React Native, mobil uygulama geliştirme için Facebook tarafından geliştirilen bir framework'tür iOS ve Android platformlarına uygulama geliştirirken JavaScript kullanımını destekler ve yazılım geliştiricileri tek bir kod tabanında çalışmalarına olanak sağlar React Native uygulamaları, Nodejs, Java Development Kit JDK ve Android Studio'nun uygun bir şekilde kurulmasıyla geliştirilebilir Bu araçlarla birlikte, birçok bileşenin kullanımı ve AVD'nin kullanımı gibi detaylar, React Native uygulamasının geliştirilmesi için kritik öneme sahiptir Doğru kurulum ve yapılandırma konusunda dikkatli olunarak, React Native ile mobil uygulama geliştirme süreci başarıyla tamamlanabilir
React Native, Facebook tarafından geliştirilmiş bir mobil uygulama geliştirme framework'üdür. Apple'ın iOS ve Google'ın Android platformları için uygulamalar geliştirmeyi kolaylaştırır. Bu framework, JavaScript kullanarak native mobil uygulamalar oluşturulmasını sağlar ve aynı zamanda yazılım geliştiricilerinin tek bir kod tabanında bu uygulamaları yazmaları için tasarlanmıştır.
React Native uygulamaları geliştirebilmek için öncelikle uygun bir geliştirme ortamı kurmak gereklidir. Bunun için Node.js, Java Development Kit (JDK) ve Android Studio kurulumları yapılmalıdır. Mac kullanıcıları için ayrıca Xcode kurulumu yapılması gerekmektedir.
React Native uygulamaları Node.js sürümü 10.0 veya üstü ile çalışmaktadır. Bu nedenle, öncelikle Node.js kurulumu yapılmalıdır. Node.js'i resmi sitesinden veya nvm (Node Version Manager) ile indirebilirsiniz.
React Native uygulamaları Java sürümü 8 veya üstü ile çalışmaktadır. Bu nedenle, öncelikle JDK kurulumu yapılmalıdır. JDK'yi resmi sitesinden indirebilirsiniz.
Android Studio, React Native uygulamalarını geliştirebilmek için gerekli bir geliştirme ortamıdır. Android Studio'yu resmi sitesinden indirebilirsiniz. Kurulum sırasında, gerekli bileşenlerin seçilmesi gerekmektedir.
Android Studio aracılığıyla, Android SDK kurulumu yapılması gerekmektedir. SDK Manager aracılığıyla, React Native'in kullanacağı bileşenlerin kurulumu yapılabilmektedir.
AVD, React Native uygulamalarını test etmek için kullanılan bir sanal cihazdır. Android Studio aracılığıyla, AVD oluşturulabilir. Farklı boyutlarda ekranlara ve farklı işletim sistemlerinde çalışan cihazlara sahip birçok cihaz seçeneği bulunmaktadır.
React Native uygulamalarını geliştirmek için, Xcode sadece Mac kullanıcıları tarafından kullanılabilmektedir. Xcode uygulaması, App Store veya Apple Developer sitesinden indirilebilir.
React Native CLI (Command Line Interface), React Native projesi oluşturmak ve işletmek için kullanılan bir komut satırı arayüzüdür. CLI aracılığıyla, yeni bir React Native projesi oluşturulabilir ve genel ayarlar yapılabilmektedir. React Native CLI, NPM (Node Package Manager) aracılığıyla indirilebilir.
React Native projesi oluşturmak için, öncelikle CLI aracılığıyla bir proje kurulumu yapılması gerekmektedir. Daha sonra, gerekli ayarlar yapılabilir ve proje main dosyaları tanımlanabilir. Proje oluşturulduktan sonra, Native Componentleri, JSX (JavaScript XML) bileşenleri, React Native modülleri ve diğer bileşenlerin kullanımıyla uygulama geliştirme işlemine başlanabilir.
Node.js Kurulumu
React Native, JavaScript kullanarak mobil uygulamalar geliştirmek için bir platformdur. React Native uygulamaları geliştirmek için öncelikle Node.js'in bilgisayarınızda yüklü olması gereklidir. Node.js'in en son sürümü indirilerek kurulması önerilir.
Node.js indirmeden önce, işletim sisteminize uygun sürümü seçmeniz gerekir. İndirme işlemi tamamlandıktan sonra, yükleme işlemi basit birkaç adımda gerçekleştirilebilir. Node.js'in kurulumu için Node.js web sitesinde yer alan talimatları takip etmek yeterlidir.
Bununla birlikte, Node.js'in başarılı bir şekilde kurulabilmesi için birkaç temel gereksinimi vardır. Node.js'in çalışması için bilgisayarınızda uygun bir harici bellek birimi olması önerilir. Yeterli depolama alanı yoksa, Node.js'in çalışması performans açısından olumsuz etkilenebilir.
| Adım | Açıklama |
|---|---|
| 1 | Node.js web sitesine gidin ve işletim sisteminize uygun sürümü indirin. |
| 2 | İndirdiğiniz Node.js yükleyicisini çalıştırın. |
| 3 | Kurulum sihirbazındaki adımları takip edin. |
Node.js'in kurulumu tamamlandıktan sonra, açık uygulamaların tamamını kapatmanız ve bilgisayarınızı yeniden başlatmanız önerilir.
Node.js'in doğru bir şekilde kurulması, React Native uygulamalarının sorunsuz bir şekilde geliştirilmesine olanak sağlar.
Java Development Kit (JDK) Kurulumu
Java Development Kit (JDK), React Native uygulamaları geliştirmek için gerekli bir araçtır. React Native kullanımı için JDK'nın mutlaka yüklü olması gerekmektedir. JDK'nın kullanılması nedeniyle, Java programlama diliyle değişiklikler yapılabilmektedir.
JDK Kurulumu Nasıl Yapılır?
JDK yüklemek için izlenmesi gereken adımlar şu şekildedir:
| Adım | Açıklama |
|---|---|
| Adım 1: | JDK'nın indirileceği güncel sunucunun seçilmesi gerekmektedir. Bu adımda, istenen JDK sürümü seçilmelidir. |
| Adım 2: | İndirilen JDK'nın yüklenmesi gerekiyor. |
| Adım 3: | Yükleme bittikten sonra, JDK'nın başarıyla yüklendiğinden emin olmak için kontrol edilmelidir. JDK'nın doğru şekilde yüklendiğinden emin olmak için aşağıdaki adımlar izlenebilir: |
- JDK klasörüne gidilir.
- Java>jdk1.8.0_121 (burada kullanılan sürüm, yüklendiğiniz sürüme bağlı olarak değişebilir) altındaki bin klasörü açılır.
- Windows'da:
Shift + Sağ Tık yaparak "Komut penceresinde burayı aç" seçeneği seçilir. - MacOS'da:
Komut istemini açmak için açık bir Terminal penceresine gidilir ve "java -version" komutu çalıştırılır. Bu çalıştığında, JDK sağlıklı bir şekilde yüklenmiş demektir.
Bu adımlar takip edildiğinde, JDK başarılı bir şekilde yüklenmiş olacak ve React Native uygulama geliştirme işlemine devam edilebilecektir.
Android Studio Kurulumu
Android Studio, React Native uygulamalarını geliştirmek için gereklidir. Kurulumu yapıldıktan sonra uygun ayarlar yapılmalıdır. Android Studio'yu kurmak için aşağıdaki adımları izleyebilirsiniz:
1. Android Studio web sitesine gidin ve indirin.2. Kurulum sihirbazını açın ve temel kurulum adımlarını takip edin.3. İndirme işlemi tamamlandıktan sonra, Android Studio'nun varsayılan ayarları kullanılabilir.4. Ancak, React Native projeleri geliştirirken, bir AVD oluşturmanız gerektiğinden emin olun. AVD, projeleri test etmek için kullanılan bir sanal cihazdır.5. Android Studio'yu açın ve sol alt köşedeki "AVD Manager" düğmesine tıklayın.6. "Create Virtual Device" seçeneğini seçin ve cihaz türünü seçin.7. Bir Android sürümü seçin ve yükleyin.8. AVD ayarlarınızı yapılandırın ve kaydedin.9. Android Studio kurulumu tamamlandıkça, React Native projelerinizi test etmek için AVD'leri kullanabilirsiniz.
Android Studio kurulumunun tamamlanmasının ardından, AVD oluşturmanız ve ayarlarınızı yapmanız gerektiğini unutmayın. React Native projelerinde Android Studio, geliştirme ortamındaki en önemli araçlardan biridir.
Android SDK Kurulumu
Android SDK, bir mobil uygulama geliştirmek için ihtiyacınız olan araçları ve kütüphaneleri içeren bir yazılım platformudur. Android Studio, geliştirme ortamına entegre edilmiş bir Android SDK yükleyicisi içerir. Bu nedenle, Android SDK kurulumu Android Studio yüklenmesiyle birlikte otomatik olarak gerçekleştirilir.
Android Studio yüklendikten sonra, açın ve bir proje oluşturun veya mevcut bir projeyi açın. Daha sonra, açılan projede Android Studio'nun sol kenar çubuğunda bulunan SDK Manager'ı tıklayın.
SDK Manager'ı açtıktan sonra, kullanmak istediğiniz Android Sürümlerini veya işletim sistemlerini seçin, özellikle en son sürümleri veya en yaygın olarak kullanılanları seçmeniz önerilir. Ayrıca, herhangi bir ek araç veya özellik varsa seçebilirsiniz.
En son Android Sürümlerini indirmek için "SDK Platforms" bölümü altında bulunan sürümleri seçin ve "Install Packages" seçeneğini tıklayın.
Ayrıca, "SDK Tools" bölümünde Android Emulator, Android SDK Platform-Tools ve Android SDK Build-Tools gibi araçları seçebilirsiniz. Bu araçlar, geliştirme işlemleri için gereklidir.
Tüm seçimleriniz yapıldıktan sonra "Accept" seçeneğini tıklayın ve seçtiğiniz tüm paketler indirilir ve yüklenir.
Android SDK kurulumu tamamlandıktan sonra, React Native projesini oluşturmak ve uygulamayı test etmek için gerekli adımları yapabilirsiniz. Her şey yolunda gitmezse, çevrimiçi kaynaklar yardımcı olabilir veya Android Studio forumlarına başvurabilirsiniz.
Bu şekilde, Android SDK'nın nasıl kurulacağı hakkında gerekli bilgiyi edindiniz. Bir sonraki adım, Android Virtual Device'ı (AVD) oluşturmak olacaktır.
AVD (Android Virtual Device) Oluşturma
AVD (Android Virtual Device), Android cihazlarının sanal bir ortamda çalıştırılabilmesini sağlayan bir emülasyon aracıdır. Bu sayede geliştirme aşamasında gerçek bir cihaz kullanmaksızın uygulamaların test edilmesi mümkün hale gelir.
AVD oluşturmak için öncelikle Android Studio'nun açılması gerekmektedir. Daha sonra "AVD Manager" seçeneği seçilerek, "Create Virtual Device" butonuna tıklanır.
Burada karşınıza farklı cihaz modelleri çıkacaktır. Hangi cihaz modelini kullanmak istediğinize karar vererek devam edebilirsiniz. Ardından cihazın hangi işletim sistemi sürümünü kullanacağı belirlenir ve ilgili sürüm seçilir.
Son olarak cihazın özellikleri belirlenir. Bu adımda cihazın RAM, ekran çözünürlüğü gibi özellikleri belirlenir. Bu seçeneklerin doldurulmasının ardından "Finish" butonuna tıklanarak AVD oluşturma işlemi tamamlanır.
Bu adımlar doğru yapıldığında, oluşturulan AVD emülatorü üzerinde uygulamalar geliştirilebilir ve test edilebilir.
Xcode Kurulumu (sadece Mac kullanıcıları için)
React Native uygulaması geliştirmeden önce sadece Mac kullanıcıları için özel bir kurulum adımı bulunmaktadır. Bu adım, Xcode'un kurulumunu içermektedir. Xcode, Apple tarafından geliştirilen bir IDE'dir ve özellikle iOS uygulama geliştiricileri için oldukça önemlidir. React Native uygulamalarını cihaz ve emülatörlerde iOS üzerinde çalıştırabilmek için, Xcode'un kurulumu şarttır.
Xcode'un en son sürümü, Apple tarafından sunulan en yeni iOS sürümüne uyumlu olarak sık sık güncellenir. React Native için ise en azından Xcode 9 ve üzeri bir sürüm gereklidir. Yüksek performansın sağlanması ve en son özelliklerin kullanılabilmesi için en son sürümün kullanılması önerilir.
Xcode kurulumu oldukça kolaydır ve Mac App Store aracılığıyla yapılabilir. App Store'daki ücretsiz Xcode uygulamasını indirmeniz yeterlidir. Xcode, sadece Mac kullanıcıları için seçenek sunmaktadır, bu nedenle Windows kullanıcıları için bir alternatif mevcut değildir.
React Native CLI Kurulumu
React Native CLI, React Native uygulamaları geliştirmek için kullanıcıya bir dizi araç sağlayan bir komut satırı aracıdır. React Native CLI'nin kurulumu oldukça basittir. Node.js ve npm yüklü olduğunu varsayarak, React Native CLI'yi kurmak için aşağıdaki adımları izleyebilirsiniz:
1. Terminali açın ve aşağıdaki komutu yazın:
```npm install -g react-native-cli```
Bu komut, dünya genelindekiler ve yerelde kurulumu için react-native-cli paketini indirir.
2. React Native CLI kurulduktan sonra, projenizin kök dizinine gidin ve aşağıdaki komutu yazarak bir React Native projesi oluşturun:
```react-native init myproject```
3. Projeyi başlatmak için aşağıdaki komutu kullanın:
```cd myprojectreact-native start```
Bu komut, bir JavaScript Packager başlatır
4. Projenizi emülatörde çalıştırmak için aşağıdaki komutu kullanın:
```react-native run-android # for Androidreact-native run-ios # for iOS ```Bu komut, oluşturduğunuz AVD'yi kullanarak Android veya iOS simülatöründe uygulamayı başlatır.
Bu şekilde, React Native CLI kurulumunuzu tamamlayabilirsiniz. CLI'nin farklı ayarlarını değiştirmek veya özelleştirmek isterseniz, `react-native init` komutunu kullanarak bir projeyi oluşturabilir ve ardından özelleştirme yapabilirsiniz. Bir projeden diğerine yapılan bir genel yapılandırma değişikliği gibi şeyleri global olarak ayarlayma seçeneği de mevcuttur.
React Native Projesi Oluşturma
React Native ile uygulama geliştirmek için öncelikle bir proje oluşturmalısınız. Proje oluşturma işlemi oldukça basit ve hızlı bir şekilde gerçekleştirilebilir.
React Native ve Expo CLI'nin kurulumunu yapmak için terminal veya komut istemcisini açın ve aşağıdaki komutları sırasıyla çalıştırın:
| İşletim Sistemi | Komutlar |
|---|---|
| MacOS / Linux | sudo npm install -g expo-cli |
| Windows | npm install -g expo-cli |
Projenizi oluşturmak için öncelikle terminalde bir klasöre gidin ve aşağıdaki komutu çalıştırın:
expo init MyReactNativeApp
Bu komut, yeni bir React Native projesi oluşturacak ve projeniz için gerekli dosyaları içerecektir. Expo CLI tarafından standartlaştırılmış bir şekilde hazırlanan bir proje oluşturarak, kolayca uygulamanızı oluşturabilirsiniz.
Proje oluşturulduktan sonra aşağıdaki komutları kullanarak uygulamanızı çalıştırın:
cd MyReactNativeAppnpm start
Bu komutlar, uygulamanızın çalışmasını sağlayacak bir "localhost" sunucusu başlatır ve bunun yanı sıra uygulamanızın dosyalarını da hazırlar. iOS veya Android simülatörü kullanarak uygulamanızı test edebilirsiniz.
Bu adımları takip ederek, kolayca yeni bir React Native projesi oluşturabilir ve uygulama geliştirmeye başlayabilirsiniz.