React-Native, bir mobil uygulama geliştirme sürecinde çok büyük kolaylıklar sağlamaktadır. Öncelikli amacı mobil uygulama geliştirmek olan React-native ile uygulamalarımızı test etmek amacıyla çoğu zaman bir web tarayıcısı da kullanılabilmektedir. Ancak bazı eklenti ve paketler vardır ki, öncelikli amacı mobil uygulama geliştirmek olan React-native projelerinin bazen bir web tarayıcısında çalışmadığı, bazen de sadece Android ya da sadece IOS üzerinde çalışabileceği, paket kullanım bilgilerinin bulunduğu referans kaynak açıklamalarında belirtilmektedir. 

1. Ad_Soyad_No_D1Y2 isimli klasör oluşturun (Türkçe Karakter Kullanmayın!)
2. VsCode ile bu klasörü açın
3. Eğer kullandığınız bilgisayarda eksik bir VsCode eklentisi var ise kurulumlarını tamamlayın.
   • ES7+React/Redux – dsznajder’den,
   • Expo Tools – Expo’dan,
   • React Native Tools – Microsoft’tan
4. Yeni bir blank react native expo uygulaması oluşturun ( Yeni proje oluşturma aşamasında eğer SELF_SIGNED_CERT_IN_CHAIN hatası alırsanız yildizim.web.tr adresinde yer Hatalar ve Çözüm Yolları bölümü altında yer alan Sertifika Doğrulama Hatası başlığında anlatıldığı gibi hatayı çözün. İlgili sayfaya ulaşmak için TIKLAYIN.)
5. Yeni oluşturduğunuz projenin ana dizinine .env dosyası oluşturup Bu dosya içerisine; NODE_TLS_REJECT_UNAUTHORIZED=0 yazıp kaydedin.
6. Expo Router yapısı için gerekli bileşenlerin kurulumunu yaparak ilgili yapılandırma ayarlarını tamamlayın.( Ulaşmak için TIKLAYIN.)
7. Web Tarayıcıda önizleme yapabilmek için gerekli bileşenlerin kurulumlarını yapın.
   • npx expo install react-native-web react-dom
8. Oluşturduğunuz projeyi, sınava başlamadan önce en az bir kez çalıştırarak web görünümünde sorunsuz çalıştığından emin olun

İlk kez NodeJs kurulumu yapılırken, en güncel sürüm kurulmaktadır. Ancak zaman içerisinde daha önce kurulmuş olan NodeJs eskimekte ve yeni sürümler yayınlanmakta, proje oluştururken kurulmak istenen paketlerin kurulum işlemleri genellikle hata vermektedir. Bu gibi durumlarda daha önceden kurulmuş olan NodeJs kurulumunu kaldırıp yeniden kurmak bir çözüm yolu olsa da, kurulu olan yazılımın güncellenmesi daha pratik olmaktadır.

Bir react-native projesi oluştururken, eğer –template bank parametresi ile boş bir proje oluşturarak başladıysanız, typescript ile oluşturacağınız dosyalar çalışacak ancak hata varmış gibi sürekli olarak kodlarınızda altı kırmızı çizili satırlarla karşılaşacaksınız.

JavaScript hemen hemen tüm bilgisayarlar tarafından desteklenen ve evrensel bir dil olması nedeniyle ek bir kuruluma ihtiyaç duymadan tüm işletim sistemleri tarafından çalıştırılabilmektedir. Ancak TypeScript, daha sonra ortaya çıkan ve programcılara farklı bir bakış açısı sunan bir dil olduğundan yazılacak kodların anlaşılması ve tanınması için bazı ek kurulum işlemlerine gerek duyulabilmektedir.

React-Native ile geliştirme yaparken işinize yarayacak birkaç harika referans kaynağı var. Bu kaynaklar, React-Native ve Expo geliştiricilerinin kaynak adresleridir.  Ana sayfalarına ve sık kullanabileceğiniz bazı sayfalara ait bağlantıları aşağıda bulabilirsiniz.

• React-Native Anasayfasına ulaşmak için TIKLAYIN.
  • Kurulumlarla ilgili referans bilgiler sayfasına ulaşmak için TIKLAYIN.
  • Çekirdek bileşenleri bilgilendirme sayfasına ulaşmak için TIKLAYIN.
• Expo Anasayfasına ulaşmak için TIKLAYIN.
  • Expo kurulum ve kullanım bilgileri sayfasına ulaşmak için TIKLAYIN.
  • Expo navigasyon bilgileri sayfasına ulaşmak için TIKLAYIN.
  • Expo-Router yapısı kurulum bilgileri sayfası için TIKLAYIN.
  • Expo-Router yapısı bilgileri sayfasına ulaşmak için TIKLAYIN.
  • Expo Layout dosya yapısı bilgileri sayfasına ulaşmak için TIKLAYIN.
  • Expo Stack Navigator ve diğer paternler bilgileri sayfasına ulaşmak için TIKLAYIN.

Yeri ve zamanı geldikçe, belirtilen başlık ve sayfalarda bulunan anlatım ve örnek uygulamaları dikkatlice takip etmeniz gerekmektedir.