> 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-2.0/react-native-baslangic/ilk-proje.md).

# İlk Proje

Proje oluşturmak için öncelikle hangi dizinde bir proje oluşturmak istediğimizi seçmeliyiz. Örneğin masaüstüde proje dosyamızı görmek istiyorsak terminal veya komut satırı kullanarak bulunduğumuz dizini `cd` komutu ile değiştirmeliyiz.\
\
örnek:

```
cd Desktop
```

İstediğimiz dizin üzerine geldiğimizde projeyi oluşturmak için gerekli olan expo komutunu çalıştırmalıyız.

```
npx create-expo-app <uygulama adı>
```

## Projeyi Açmak

Projeyi Visual Studiı kod ile açmanın birden fazla yöntemi vardır.

1. Hala terminaldeyken proje klasörünün dizinine terminal ile girip:

```
code .
```

komutunu kullanırsanız; Visual Studio Code ile uygulamanızı açabilirsiniz.

{% hint style="info" %}
Bu kod sizde çalışmadıysa gerekli ayarlar için [bağlantıya](https://code.visualstudio.com/docs/setup/mac#_launching-from-the-command-line) gidiniz. Sol kısımdan bilgisayarınız windows ise windows sekmesini seçmelisiniz.&#x20;
{% endhint %}

2. Proje klasörünüzü Visual Studio Code uygulamasının simgesine sürükleyip bıraktığınızda doysanız editör ile birlikte açılacaktır.&#x20;

## Projeyi Çalıştırmak

Editörde bir terminal açınız. Bunun için IDE üzerinde kestirme yollar mevcuttur.

{% hint style="info" %}
MacOS: command (⌘) + j

Windows: ctrl + j
{% endhint %}

Editör üzerinde terminal açıldıktan sonra otomatik olarak proje dizininde olursunuz. Artık sadece aşağıdaki komutu çalıştırarak projeniz için Expo CLI kullanarak bir geliştirme sunucusunu başlatırsınız.

```
npx expo start
```

Geliştirme sunucunuz size birçok olanak sağlar. Bunlar;

1. **Canlı Yenileme (Live Reloading)**: Kodunuzu değiştirdiğinizde, uygulamanız otomatik olarak güncellenir ve bu sayede anında değişiklikleri görebilirsiniz.
2. **Hızlı prototip oluşturma**: Expo, hızlıca prototipler oluşturmanızı sağlar ve uygulamanızın farklı cihazlarda nasıl görüneceğini önizlemenizi sağlar.
3. **Platform Bağımsız Geliştirme**: Expo, iOS ve Android platformlarında uygulama geliştirme sürecini kolaylaştırır.
4. **Expo SDK**: Expo'nun sunduğu SDK bileşenleri ve API'lerini kullanarak ek özellikler ve işlevsellikler ekleyebilirsiniz.

### Projeyi Sanal Cihaz Üzerinde Çalıştırmak

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

1. Daha önceden kurulumunu yaptığınız Android Studio uygulamanızı açın ve Virtual Device Manager bölümünden eklemiş olduğunuz android emulator çalıştırın.&#x20;
2. Android Emulator çalışırken projenizde geliştirme sunucusunun olduğu terminal üzerine gelip ve "a" harfine basın. Bu android manasına gelir ve android cihaza Expo Go uygulamasını yükleyip projenizin emulator üzerinde görünür olmasını sağlar&#x20;
   {% endtab %}

{% tab title="MacOS" %}

1. Bilgisayarınızda XCode kurulumu yapmanız ve bir IOS simülatör yüklemeniz gereklidir.
2. Terminalde zaten çalıştırdığınız geliştirme sunucusu üzerinde "i" harfine bastığınızda IOS simülatör çalışacaktır.&#x20;
   {% endtab %}
   {% endtabs %}