Eğitimlere dön

React Native ve Expo ile mobil uygulama

Tek kod tabanından iOS ve Android uygulaması geliştirip mağazalara çıkarmak: navigasyon, kimlik doğrulama, bildirimler, hata izleme ve otomatik yayın süreci.

Süre: 7 gün (56 saat) Seviye: Orta düzey Hedef kitle: Frontend ve mobil geliştiriciler
React Native Expo iOS Android Mobil

Eğitime genel bakış

Mobil uygulamanın zor kısmı ekranlar değil, mağazaya çıktıktan sonrasıdır: derleme, imzalama, sürüm akışı, bildirimler ve sahada çöken bir uygulamanın sebebini bulmak. Bu eğitimde React Native ve Expo ile bir uygulamayı geliştiriyor ve TestFlight ile Google Play’e otomatik yayın akışını kuruyoruz. İçerik, web, iOS ve Android’de canlı olan hellobebi uygulamamızı geliştirirken edindiğimiz deneyime dayanıyor.

Kurs içeriği

1. React Native mimarisi

  • JavaScript ve native katman
  • Yeni mimari: Fabric ve TurboModules
  • Hermes

2. Expo

  • Yönetilen iş akışı ve prebuild
  • Config plugin’ler
  • app.json ve ortam değişkenleri
  • Expo SDK sürümleri ve yükseltme

3. Proje yapısı

  • TypeScript
  • Özellik bazlı klasör yapısı
  • Lint, format ve test

4. Navigasyon

  • Expo Router
  • Stack, tab ve modal
  • Uygulama: çok ekranlı iskelet

5. Arayüz

  • Stil ve tema; koyu mod
  • Erişilebilirlik
  • Yerelleştirme

6. Veri

  • API istemcisi
  • Önbellek ve sorgu kütüphaneleri
  • Çevrimdışı durum

7. Kimlik

  • OIDC ile giriş
  • Apple ve Google ile giriş
  • Güvenli depolama ve oturum yenileme

8. Derin bağlantı

  • Universal link ve App Link
  • AASA ve assetlinks dosyaları
  • Uygulama: giriş yapan ve veri çeken uygulama

9. Bildirimler

  • APNs ve FCM
  • İzin akışları
  • Bildirime dokunarak açılış

10. Medya ve dosya

  • Kamera ve galeri
  • Dosya yükleme
  • Görsel optimizasyonu

11. Satın alma

  • Uygulama içi satın alma ve abonelik
  • Mağaza kuralları
  • Uygulama: bildirim alan ve fotoğraf yükleyen ekran

12. Derleme ve imza

  • EAS Build ve fastlane
  • Sertifika ve provisioning profile
  • Test ve prod derlemesini ayırmak

13. Yayın

  • TestFlight ve Google Play iç test
  • Sürüm numarası ve etiket
  • Mağaza incelemesinde sık red sebepleri

14. Sahada izleme

  • Crashlytics
  • dSYM ve source map
  • Performans izleme
  • Uygulama: CI’dan test kanalına yayın akışı

Program akışı

Her modül yaklaşık 4 saat, yani yarım gün sürer; toplam 56 saat.

    1. gün: modül 1 ve 2
    1. gün: modül 3 ve 4
    1. gün: modül 5 ve 6
    1. gün: modül 7 ve 8
    1. gün: modül 9 ve 10
    1. gün: modül 11 ve 12
    1. gün: modül 13 ve 14

Ön koşullar

  • JavaScript/TypeScript ve React deneyimi
  • Node.js kurulu bir dizüstü bilgisayar; iOS derlemesi için macOS ve Xcode önerilir
  • Test için bir iOS ya da Android cihaz

Eğitim formatı

  • Yerinde ya da uzaktan: ofisinizde veya canlı sanal oturumlarla.
  • Uygulamalı: her gün, o günün konusunu çalışan bir örnek üzerinde uyguladığınız lab oturumlarıyla biter.
  • Lab ortamı: katılımcılara önceden hazırlanmış bir çalışma ortamı ve örnek kod deposu verilir.
  • Ekibinize göre: içerik ve örnekler, eğitimden önce yaptığımız kısa bir görüşmeyle ekibinizin kullandığı teknolojilere uyarlanır.
  • Materyaller: sunumlar, lab yönergeleri ve referans kod eğitimden sonra da sizde kalır.
Başlamaya hazır mısınız?

Projenize başlamaya hazır mısınız?

Fikirlerinizi hayata geçirmek için size nasıl yardımcı olabileceğimizi konuşalım.