> For the complete documentation index, see [llms.txt](https://uby-rn.gitbook.io/react-native/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uby-rn.gitbook.io/react-native/ders-1.0/kurulumlar.md).

# Kurulumlar

React Native için Gerekli Kurulumlar

## Visual Studio Code

[Visual Studio Code](https://code.visualstudio.com/) resmi sitesi üzerinden bilgisayarınıza adımları takip ederek kurulum yapabilirsiniz. React Native yazmak için ücretsiz ve kullanımı kolay bir IDE'dir. Eğer daha profesyonel bir IDE kullanılmak istenirse; [Webstorm](https://www.jetbrains.com/webstorm/) oldukça profesyoneldir fakat ücretlidir ve lisans ile kullanılmaktadır.

## Node Js

[Node Js](https://nodejs.org/en) kurmadan react native uygulaması oluşturmak ve çalıştırmak oldukça zordur. Ayrıca projelerimizde kullanacağımız ek kütüphaneler ve kurulumlar için de node Js'in bilgisayarımızda kurulmuş olması gerekiyor.

## Expo

```sh
npm install -g expo-cli
```

[Expo](https://expo.dev) ile ilgili bilgilendirme yapacak olursak; Expo react native projesi oluşturmak, build etmek ve çalıştırmak için kullandığımız bir araçtır. Expo ile proje oluşturmak için basitçe `npx expo init` veya `npx create-expo-app` komutlarını kullanabiliriz. **Buradaki** `npx` **bir yazım hatası değildir.**

## Android Studio & Emulator 

{% tabs %}
{% tab title="macOS" %}

1. [Android Studio](https://developer.android.com/studio)'yu indirin ve yükleyin.
2. **Android Studio** uygulamasını açın, **Daha Fazla Eylem**'e tıklayın ve **SDK Yöneticisi**'ni seçin.
3. Android Studio'yu açın, **Ayarlar > Diller ve Çerçeveler > Android SDK**'ya gidin. SDK Platformları sekmesinden en son Android sürümünü (API level) seçin.

   <figure><img src="https://30791023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fticd3gejglRJIYeNG4Z2%2Fuploads%2FitOrYUGcPoi1jSxLufyI%2Fsdk-platforms.png?alt=media&amp;token=233290fc-e52f-4425-a2f8-2572b7a1a862" alt=""><figcaption></figcaption></figure>

   Ardından, **SDK Tools** sekmesine tıklayın ve **Android SDK Build-Tools** ve **Android Emülatör**ünün en az bir sürümünün yüklü olduğundan emin olun.

   <figure><img src="https://30791023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fticd3gejglRJIYeNG4Z2%2Fuploads%2FDxmRbTazA3pP8wWr9mVS%2Fbuild-tools.png?alt=media&amp;token=4d1cfe04-455a-41b8-9ab6-f7558e55a292" alt=""><figcaption></figcaption></figure>
4. Android SDK Konumu yazan kutuda listelenen yolu kopyalayın veya hatırlayın.

   <figure><img src="https://30791023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fticd3gejglRJIYeNG4Z2%2Fuploads%2Fc1DCylCBvb3H7buUc9x1%2Fsdk-location.png?alt=media&amp;token=30b8f132-99a4-4d37-86db-ec99cb70a07a" alt=""><figcaption></figcaption></figure>
5. Android SDK'yı ve ilgili derleme araçlarını yüklemek için **Apply** ve **OK**'a tıklayın.
6. macOS veya Linux kullanıyorsanız, **\~/.bash\_profile**'daki (veya Zsh kullanıyorsanız **`~/.zshrc`**) Android SDK konumunu işaret eden bir ortam değişkeni ekleyin. Örneğin:

> export ANDROID\_HOME=/your/path/here

```sh
export ANDROID_HOME=$HOME/Library/Android/sdk && 
export PATH=$PATH:$ANDROID_HOME/emulator && 
export PATH=$PATH:$ANDROID_HOME/platform-tools
```

7. Geçerli terminalde yol ortam değişkenlerini yeniden yükleyin:

```sh
# for bash
source $HOME/.bashrc

# for zshrc
source $HOME/.zshrc
```

9. Son olarak, terminalinizden `adb` çalıştırabildiğinizden emin olun.
   {% endtab %}

{% tab title="Windows" %}

1. [Android Studio](https://developer.android.com/studio)'yu indirin ve yükleyin.
2. Android Studio Kurulumu'nu Açın. Yüklenecek bileşenleri seçin altında, Android Studio ve Android Sanal Cihaz'ı seçin. Ardından İleri'ye tıklayın.
3. Android Studio Kurulum Sihirbazı'nda, Yükleme Türü altında Standart'ı seçin ve İleri'yi tıklayın.

   <figure><img src="https://30791023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fticd3gejglRJIYeNG4Z2%2Fuploads%2FaCYxvqXwYZ8iAUC23dKB%2Fwindows-install-type.png?alt=media&amp;token=efde0f20-c8e9-44af-90a0-0d008a566ed1" alt=""><figcaption></figcaption></figure>
4. Android Studio Kurulum Sihirbazı, Android SDK sürümü, platform-tools vb. gibi ayarları doğrulamanızı isteyecektir. Doğruladıktan sonra İleri'ye tıklayın.
5. Bir sonraki pencerede, kullanılabilir tüm bileşenler için lisansları kabul edin.

   <figure><img src="https://30791023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fticd3gejglRJIYeNG4Z2%2Fuploads%2FxMKvlQhsMtDJNoW1n9uO%2Fwindows-licenses.png?alt=media&amp;token=92e69f42-d348-4cfc-acaa-de58e788b03e" alt=""><figcaption></figcaption></figure>
6. Araçlar kurulumu tamamlandıktan sonra ANDROID\_HOME ortam değişkenini yapılandırın. Windows Denetim Masası > Kullanıcı Hesapları > Kullanıcı Hesapları (tekrar) > Ortam değişkenlerimi değiştir'e gidin ve yeni bir ANDROID\_HOME kullanıcı değişkeni oluşturmak için Yeni'yi tıklayın. Bu değişkenin değeri Android SDK'nızın yolunu gösterecektir:

   <figure><img src="https://30791023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fticd3gejglRJIYeNG4Z2%2Fuploads%2Fk5BPrHadyDhPeD6yqzOU%2Fwindows-android-home-variable.png?alt=media&amp;token=bc7f6fde-11b3-45e4-b227-709e5e7cc498" alt=""><figcaption></figcaption></figure>

<details>

<summary><mark style="color:purple;">İndirilen SDK lokasyonu nasıl bulunur</mark></summary>

<mark style="color:blue;">Varsayılan olarak, Android SDK aşağıdaki konumda yüklenir:</mark>

<mark style="color:blue;">%LOCALAPPDATA%\Android\Sdk</mark>

<mark style="color:blue;">Android Studio'da SDK'nın konumunu manuel olarak bulmak için Ayarlar > Diller ve Çerçeveler > Android SDK'ya gidin. Android SDK Konumu'nun yanındaki konuma bakın.</mark>

</details>

7. Son olarak, adb'yi PowerShell'den çalıştırabildiğinizden emin olun. Örneğin, sisteminizin hangi adb sürümünü çalıştırdığını görmek için adb --version'ı çalıştırın.
   {% endtab %}
   {% endtabs %}

## Git & Github

Kişisel bilgisayarınızda Git bulundurmanız oldukça işinize yarayacaktır. Git, dokümantasyonunuzu ve diğer projelerinizi kolayca izlemenize, sürüm kontrolünü yapmanıza ve işbirliği yapmanıza olanak tanır. İşte Git'i kurmak ve kullanmak için temel adımlar:

1. **Git Kurulumu:**
   * Git'i resmi web sitesinden indirip kurun: [Git Resmi Web Sitesi](https://git-scm.com)
   * İndirme ve kurulum sırasında  varsayılan ayarları kullanabilirsiniz.
2. **Git Yapılandırması:**
   * Kurulumdan sonra, Git'i ilk kullanımınızda kimlik bilgilerinizi ayarlamanız gerekebilir. Bunun için terminal veya komut istemcisine şu komutları girin:

     ```sh
     git config --global user.name "Adınız Soyadınız" 
     git config --global user.email "email@example.com"
     ```
3. **Bir Depo (Repository) Oluşturma:**
   * Dokümantasyonunuzu izlemek için yeni bir Git deposu oluşturun. Bu, dokümantasyonunuzu barındıracak merkezi bir depo olacaktır.

     ```sh
     git init my_documentation cd my_documentation
     ```
4. **Değişiklikleri İzleme ve Taahhüt Etmek:**
   * Dokümantasyon dosyalarınızı bu depoya ekleyin ve değişiklikleri izleyin:

     ```sh
     git add . git commit -m "İlk dokümantasyon dosyalarını ekledim"
     ```
5. **Uzak Sunucuya Bağlanma:**
   * Dokümantasyonunuzu uzak bir Git sunucusunda saklamak isterseniz, bir GitHub, GitLab veya Bitbucket hesabı oluşturun ve dokümantasyonunuzu bu platforma yükleyin.
6. **Uzak Sunucuya İlk Yükleme:**
   * Uzak bir depo oluşturduktan sonra, yerel depodaki değişiklikleri uzak sunucuya yükleyin:

     ```sh
     git remote add origin <uzak-depo-url> 
     git push -u origin master
     ```

Bu adımları takip ederek, Git'i kişisel bilgisayarınıza kurabilir ve dokümantasyonunuzu izlemek, değişiklikleri kaydetmek ve işbirliği yapmak için kullanmaya başlayabilirsiniz. Bu sayede, dokümantasyonunuzun geçmiş sürümlerini koruyabilir, değişiklikleri takip edebilir ve projenizi diğer ekip üyeleriyle paylaşabilirsiniz.

*Son olarak; VS Code'a Extensions kısmından Git'i kurarak ayarlarınızı özelleştirebilir, branch oluşturabilir ve istediğiniz branch'te geliştirme yapmaya devam edebilirsiniz.*