React Native Mobil Uygulama Geliştirme Eğitimi

Eğitim Hakkında

Bileşen ve hook'lardan navigasyona, durum yönetiminden native erişime pratik bir akış

React ile Mobil Uygulama Geliştirme (React Native) Eğitimi, React bilgisini kullanarak iOS ve Android için gerçek native arayüzlü mobil uygulamalar geliştirmeyi öğretir. Katılımcılar bileşenleri, hook'ları ve stil sistemini kavrar; React Navigation ile ekran akışını kurar. Context ve Redux Toolkit ile durum, fetch ile ağ, AsyncStorage ile kalıcılık işlenir. Program; kamera ve konum gibi native erişim ile mağaza yayın süreciyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; tek bir React Native uygulaması üç gün boyunca bileşenden yayına katman katman geliştirilir.

Seviye

Orta Seviye — React Native, hooks, React Navigation ve native erişimle iOS ve Android uygulaması

Öğrenme Metodu

Gerçek bir React Native uygulaması üç gün boyunca adım adım geliştirilir; her modülde yeni bir bileşen, hook veya native yetenek projeye

Neden Bu Eğitim?

🎯React ile mobil

Bildiğiniz React bileşen ve hook modelini kullanarak kısa sürede gerçek native arayüzlü mobil uygulamalar geliştirirsiniz.

🧩Tek kod iki platform

Tek kod tabanından hem iOS hem Android için üretim yaparak geliştirme süresini ve maliyetini önemli ölçüde azaltırsınız.

🚀Hızlı döngü

Fast Refresh ile değişiklikleri anında görerek ve zengin kütüphane ekosisteminden yararlanarak hızlı geliştirme yaparsınız.

Anahtar Konular

react native eğitimireact native kursureact mobil uygulamaçapraz platform uygulama geliştirmereact navigationredux toolkit eğitimijavascript mobil uygulamamobil uygulama geliştirme eğitimireact native hooksios android tek kod

“React Native, web bilginizi gerçek mobil deneyime dönüştürmenin en kısa yoludur; bu eğitim o dönüşümü tek bir projede gösterir.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve kurulum

1

JavaScript temeli

Modern JavaScript, fonksiyon, dizi metotları ve async kavramına aşinalık beklenir; TypeScript de örneklerde kullanılır.

2

React aşinalığı

React bileşen ve hook kavramına aşinalık faydalıdır; temel yapılar mobil bağlamda yeniden ele alınır.

3

Node ortamı

Node.js ve paket yöneticisinin kurulu, projenin derlenip emülatörde çalışabilir durumda olması gerekir.

4

Platform araçları

Android için Android Studio, iOS için macOS ve Xcode faydalı olur; Expo ile de çalışılabilir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı React Native temel bileşenlerini kullanır, hook'larla durum ve yan etkiyi yönetir, Flexbox ile düzen kurar ve listeleri verimli biçimde render etmeyi öğrenir.

Modül 1

Temel Bileşenler

View ve Text ile temel yapı kurma
Image ve ImageBackground ile görseller
TextInput ile kullanıcı girdisi alma
Pressable ve Touchable ile dokunma
ScrollView ile kaydırılabilir içerik
SafeAreaView ile güvenli alan yönetimi

Modül 2

Hooks ile Durum ve Etki

useState ile bileşen durumunun yönetimi
useEffect ile yan etki ve yaşam döngüsü
useRef ile referans ve değer saklama
useMemo ve useCallback ile iyileştirme
Özel hook yazımı ve yeniden kullanım
Bağımlılık dizisi ve yeniden çalışma

Modül 3

Stil ve Flexbox ve Uygulaması

StyleSheet ile stil tanımı ve uygulama
Flexbox ile yön, hizalama ve dağıtım
Yüzde ve esnek boyutlandırma ve uygulamalı örnekleri
Platforma göre stil farkı yönetimi
Dimensions ve yoğunluğa uyum ve uygulamalı örnekleri
Yeniden kullanılabilir stil düzeni

Modül 4

Listeler ve Performans

FlatList ile verimli liste render'ı
keyExtractor ve renderItem kullanımı
SectionList ile bölümlü listeler
Aşağı çekip yenileme ve sonsuz kaydırma
Boş durum ve ayraç bileşenleri
Büyük listede yeniden render azaltma

Günün hedefiKatılımcı React Navigation ile ekranlar arası akışı kurar, parametre aktarır, Context ile paylaşılan durumu yönetir ve Redux Toolkit ile uygulama genelinde durumu kurgular.

Modül 1

React Navigation

Navigation container ve yığın kurulumu
Stack navigator ile ekran geçişleri
Tab navigator ile alt sekme akışı
Drawer navigator ile yan menü ve uygulamalı örnekleri
Ekranlar arası parametre aktarımı
Başlık ve gezinme seçeneklerinin ayarı

Modül 2

Context ile Durum

Context oluşturma ve sağlayıcı sarma
useContext ile değere erişim ve uygulamalı örnekleri
Tema ve oturum için global durum
Context ve prop sondaj karşılaştırması
Gereksiz render'ların önlenmesi
Context ve reducer birlikte kullanımı

Modül 3

Redux Toolkit ve Uygulaması

Store yapılandırması ve sağlayıcı
createSlice ile reducer ve eylemler
useSelector ile durumu okuma ve uygulamalı örnekleri
useDispatch ile eylem gönderme
createAsyncThunk ile asenkron akış
Durum normalizasyonu ve seçiciler

Modül 4

Formlar ve Doğrulama

Kontrollü girdi ve form durumu
Doğrulama ve hata mesajı gösterimi
Klavye davranışı ve kaydırma yönetimi
Gönderim ve yükleniyor durumu ve uygulamalı örnekleri
Form kütüphaneleriyle doğrulama
Kullanıcı deneyimi için anlık geri bildirim

Günün hedefiKatılımcı fetch ile ağ isteklerini yönetir, AsyncStorage ile veri saklar, kamera ve konum gibi native yeteneklere erişir ve uygulamayı iki mağaza için paketlemeyi öğrenir.

Modül 1

Ağ Erişimi ve Uygulaması

fetch ile GET ve POST istekleri
async ve await ile yanıt işleme
JSON çözme ve veri modelleme ve uygulamalı örnekleri
Hata, zaman aşımı ve yeniden deneme
Yükleniyor ve hata durumu yönetimi
Ortam bazlı API adresi yapılandırması

Modül 2

Yerel Depolama ve Uygulaması

AsyncStorage ile anahtar-değer saklama
Oturum ve kullanıcı ayarlarının tutulması
Çevrimdışı önbellek stratejisi
JSON verinin saklanması ve okunması
Token ve güvenli bilgi yönetimi
Depolama sınırları ve temizleme

Modül 3

Native Modüller ve Cihaz

Kamera erişimi ve fotoğraf çekme
Konum servisiyle koordinat alma
İzin isteme ve reddi yönetimi ve uygulamalı örnekleri
Bildirim ve dokunsal geri bildirim
Expo ve bare workflow ayrımı ve uygulamalı örnekleri
Platforma özel modül farkları ve uygulamalı örnekleri

Modül 4

Derleme ve Mağaza Yayını

Android APK ve App Bundle üretimi
iOS archive ve imzalama süreci
Uygulama simgesi ve açılış ekranı
Sürüm numaralama ve yapı türleri
App Store ve Play Console yüklemesi
Mağaza listesi ve inceleme takibi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Bileşen ve hook

React Native bileşenlerini ve useState, useEffect gibi hook'ları kullanarak mobil arayüz mantığını kurabilirsiniz.

✅

Flexbox stili

StyleSheet ve Flexbox ile platforma uyumlu, esnek ve farklı ekran boyutlarına duyarlı düzenler tasarlarsınız.

✅

Verimli listeler

FlatList ve SectionList ile büyük veri kümelerini performanslı biçimde listeleyip yenileme akışları kurabilirsiniz.

✅

Navigasyon

React Navigation ile yığın, sekme ve yan menü akışlarını kurar, ekranlar arası parametre aktarabilirsiniz.

✅

Durum yönetimi

Context ve Redux Toolkit ile yerel ve global durumu, asenkron akışları ve seçicileri doğru biçimde yönetirsiniz.

✅

Ağ ve depolama

fetch ile uzak API'den veri çeker, AsyncStorage ile veriyi yerelde saklayıp çevrimdışı senaryoları yönetirsiniz.

✅

Native erişim

Kamera, konum ve bildirim gibi native yeteneklere erişerek uygulamanızı cihaz özellikleriyle zenginleştirirsiniz.

✅

Mağaza yayını

Uygulamayı iki platform için derler, imzalar ve App Store ile Google Play için paketleyip yayınlayabilirsiniz.

Kimler İçin Uygundur?

React veya JavaScript bilgisi olup mobil uygulamaya geçmek isteyen web geliştiricileri
tek kod tabanıyla iki platforma üretim yapmak isteyen ekipler
React Native yaklaşımını öğrenmek isteyen öğrenciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

React veya JavaScript bilgisi olup mobil uygulamaya geçmek isteyen web geliştiricileri, tek kod tabanıyla iki platforma üretim yapmak isteyen ekipler ve React Native yaklaşımını öğrenmek isteyen öğrenciler için uygundur. Modern JavaScript aşinalığı beklenir.

React Native gerçek native mi yoksa web görünümü mü?

React Native gerçek native bileşenler kullanır; arayüz bir web görünümünün içinde çalışmaz. Yazdığınız bileşenler platformun kendi native görünümlerine dönüşür, bu da akıcı bir kullanıcı deneyimi sağlar. Eğitimde bu mimari ve native erişim örnek proje üzerinde gösterilir.

Expo mu yoksa bare workflow mu kullanılıyor?

Eğitim her iki yaklaşımı da ele alır. Hızlı başlangıç ve çoğu native API için Expo'nun sağladığı kolaylıklar gösterilir; daha fazla kontrol gerektiren durumlar için bare workflow ve native modül farkları açıklanır. Projenize uygun yaklaşımı seçmeyi öğrenirsiniz.

Eğitimin süresi ve formatı nedir?

Eğitim üç gün sürer ve her gün dört modülden oluşur. Tek bir React Native uygulaması bileşenden yayına kadar katman katman geliştirilir. Yüz yüze veya online yapılabilir ve içerik kurumun teknoloji yığınına göre uyarlanabilir.

Eğitim sonunda sertifika veriliyor mu?

Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilen örnek React Native uygulamasını belgeler; kurumsal gruplara özel uyarlama yapılabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika

REACT İLE MOBİL UYGULAMA GELİŞTİRME (REACT NATIVE) EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Temel Bileşenler

Hooks ile Durum ve Etki

Stil ve Flexbox ve Uygulaması

Listeler ve Performans

React Navigation

Context ile Durum

Redux Toolkit ve Uygulaması

Formlar ve Doğrulama

Ağ Erişimi ve Uygulaması

Yerel Depolama ve Uygulaması

Native Modüller ve Cihaz

Derleme ve Mağaza Yayını

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Working with CSS Layouts & the Ionic Framework CLI Eğitimi

Working with React Native (TTSREACT) Eğitimi

Angular ile Mobil Uygulama Geliştirme (Ionic Framework) Eğitimi

İleri Seviye Xamarin Eğitimi

.Net MAUI Eğitimi

.NET MAUI Temel Kavramları Eğitimi