React Native ile E-Ticaret Uygulaması: 2026'da Doğru Teknoloji mi?

Meta'nın geliştirdiği React Native, 2015'teki lansmanından bu yana cross-platform mobil geliştirmenin en popüler framework'ü olma özelliğini koruyor. Ancak 2026'da tablo daha karmaşık: Flutter güçlü bir rakip olarak öne çıktı, yeni mimari köklü değişiklikler getirdi ve e-ticaret uygulamalarının gereksinimleri evrimi sürdü.

Bu yazıda React Native'i e-ticaret özelinde değerlendiriyoruz: ne zaman doğru seçim, ne zaman değil, bir e-ticaret backend'iyle nasıl entegre edilir ve deployment süreci nasıl işler.

React Native Nerede Duruyor? 2026 Güncel Durumu

React Native, 2023 – 2024 döneminde köklü bir mimari yenileme geçirdi. "New Architecture" olarak adlandırılan bu geçişin üç temel bileşeni var:

2025 sonunda React Native 0.76+ sürümleriyle bu yeni mimari varsayılan hale geldi. Bu, 2022'de "React Native ölüyor mu?" endişesi yaşayanlar için net bir cevap: hayır, aktif gelişimini sürdürüyor.

Bununla birlikte, bu yenilikler bazı eski kütüphanelerin kırılmasına yol açtı. Eğer mevcut bir React Native projeniz varsa, yeni mimariye geçiş bağımlılık güncelleme maliyeti gerektiriyor.

Artılar: React Native E-Ticaret İçin Neden Hâlâ Güçlü

1. Tek Kod Tabanı, İki Platform

En temel avantaj bu: iOS ve Android için ayrı ekipler yerine, tek ekip iki platformu kapsıyor. Pratik hesap şu şekilde:

• iOS geliştirici: ortalama aylık 70.000 – 120.000 TL
• Android geliştirici: ortalama aylık 60.000 – 100.000 TL
• React Native geliştirici (her ikiyi kapsıyor): ortalama aylık 80.000 – 130.000 TL

İki ayrı native ekibin yaklaşık %40 – 60 maliyetine iki platform kapsanıyor. Orta ölçekli e-ticaret işletmeleri için bu, yılda 500.000 – 1.000.000 TL'ye varan tasarruf anlamına gelebilir.

2. JavaScript/React Ekosistemi

Eğer web uygulamanız zaten React ile geliştirildiyse, mevcut ekibinizin önemli bir kısmı React Native'e nispeten hızlı geçiş yapabilir. E-ticaret backend'inizin API'larıyla konuşmak için kullandığınız mantık, veri modelleri ve hatta bazı yardımcı fonksiyonlar web ile paylaşılabilir.

3. Canlı Güncellemeler (OTA - Over The Air)

Native uygulama geliştirmenin en can sıkıcı taraflarından biri: her güncelleme için App Store/Play Store incelemesini beklemek. Bu süreç 1 – 7 gün sürebilir.

React Native ile CodePush veya Expo EAS Updates gibi araçlar sayesinde JavaScript katmanındaki değişiklikler (UI güncellemeleri, fiyat düzeltmeleri, kopya değişiklikleri, birçok hata düzeltmesi) doğrudan kullanıcı cihazına gönderilebilir. Native kod değişikliği gerektiren güncellemeler hâlâ mağaza incelemesine tabi, ama bu vaka çok daha az sık karşılaşılan bir durum.

E-ticaret için bu büyük bir avantaj: kampanya sayfası güncellemesi, ürün öne çıkarma veya acil hata düzeltmesi için mağaza onayı beklemenize gerek yok.

4. Geniş Kütüphane Ekosistemi

E-ticaret uygulamasında ihtiyacınız olan neredeyse her şey için olgun kütüphane mevcut:

• Ödeme: Stripe, iyzico, PayTR entegrasyonları için hazır kütüphaneler
• Analitik: Firebase, Mixpanel, Amplitude
• Push bildirim: Firebase Cloud Messaging, OneSignal
• Görüntü yönetimi: React Native Fast Image (önbellek + WebP desteği)
• Navigasyon: React Navigation (battle-tested, karmaşık tab+stack yapıları)
• Durum yönetimi: Redux Toolkit, Zustand, Jotai

Eksiler: React Native'in Sınırları

1. Tam Native Performansa Ulaşamıyor

Yeni mimariye rağmen, en yüksek performans gerektiren durumlarda native geliştirme hâlâ üstün. Özellikle:

• Çok sayıda öğenin olduğu uzun liste sayfaları (binlerce ürün)
• Ağır animasyon ve geçiş efektleri
• Kamera, AR ve görüntü işleme gibi donanım yoğun işlemler

E-ticaret bağlamında bu sınırlar ne zaman önemli hale gelir? Ürün listesi 500 öğeyi aşan, görsel ağırlıklı bir katalog uygulamasında FlatList performansı dikkatli tuning gerektiriyor. Sıfırdan başlayan bir ekip olmadan bunu optimize etmek zorlaşabiliyor.

2. Platform Spesifik Davranış Farkları

"Bir yaz, iki platformda çalış" vaadi büyük ölçüde gerçek; ancak bazı noktalarda platform farkları baş ağrısı yaratıyor:

• iOS ve Android'de farklı klavye davranışları (ödeme formları için kritik)
• Gezinme gesture'larında platform konvansiyonları farklı
• Font rendering, gölge efektleri ve bazı animasyonlar platformlara göre ayrı ayar gerektiriyor

Deneyimli bir React Native ekibi bu farkları biliyor ve yönetiyor. Ancak başlangıç seviyesinde bir ekip için "tek kod her yerde çalışır" beklentisi hayal kırıklığına yol açabiliyor.

3. Debug ve Hata Ayıklama Karmaşıklığı

Native tarafta yaşanan crash'ler genellikle React Native layer'dan değil altındaki native modüllerden kaynaklanıyor ve debug süreci yetenekli olmayı gerektiriyor. Stack trace'ler bazen kriptik çıkabiliyor.

4. Büyük Uygulama Boyutu

React Native uygulamaları, native'e kıyasla daha büyük paket boyutu üretiyor. Minimal bir React Native uygulaması bile ~40 – 60 MB civarında; optimize edilmiş native uygulamalar 15 – 25 MB'ı koruyabiliyor. Türkiye'de hâlâ yaygın olan düşük depolama kapasiteli cihazlarda bu fark anlamlı.

Performans Kıyaslaması: Gerçek Rakamlar

2025 – 2026 döneminde yapılan bağımsız kıyaslamalar (Yeni Mimari aktif):

Flutter, performans açısından React Native'in önüne geçmiş durumda. Ancak React Native'in avantajı React/JS ekosistemiyle uyumu ve web koduyla paylaşım imkânı; bu, Flutter'ın Dart diliyle sunamadığı bir kaldıraç.

E-Ticaret API Entegrasyonu

Headless bir e-ticaret backend'iyle çalışan tipik bir React Native uygulamasında entegrasyon noktaları:

Ürün ve Katalog

// Ürün listesi
const fetchProducts = async (categoryId, page = 1) => {
  const response = await api.get('/products', {
    params: { category: categoryId, page, limit: 20 }
  });
  return response.data;
};

// Ürün detayı
const fetchProduct = async (productId) => {
  const response = await api.get(`/products/${productId}`);
  return response.data;
};

Sepet ve Sipariş

Çoğu headless e-ticaret backend'i sunucu taraflı sepet yönetimi sunar. React Native'de yerel state ile sunucu senkronizasyonu için önerilen yaklaşım:

1. Kullanıcı giriş yapmamışsa AsyncStorage ile yerel sepet
2. Giriş sonrası yerel sepeti sunucuyla merge et
3. Tüm sepet işlemleri API üzerinden

Gerçek Zamanlı Stok

WebSocket veya Server-Sent Events ile anlık stok güncellemesi mümkün. Ürün detay sayfasında "Son 3 ürün kaldı" gibi dinamik içerikler için önemli.

Deployment Süreci

Expo ile Yönetilen Workflow

Expo EAS (Expo Application Services), React Native deployment sürecini önemli ölçüde basitleştiriyor:

eas build --platform all --profile production

Bu komut, cloud üzerinde hem iOS hem Android build'i paralel olarak çalıştırır. Lokal makine gerektirmez; özellikle CI/CD pipeline için ideal.

eas submit --platform all

App Store Connect ve Google Play Console'a otomatik submit. Manuel upload sürecini ortadan kaldırıyor.

CI/CD Önerisi

E-ticaret ekipleri için önerilen pipeline:

1. GitHub Actions trigger: main branch'e merge
2. Test suite çalışır (Jest + Detox E2E)
3. EAS Build tetiklenir
4. Staging ortamına otomatik deploy
5. Manuel onay sonrası Production submit

OTA Güncelleme Stratejisi

Tüm güncellemeleri mağaza review sürecine göndermek yerine:

• Kritik hata düzeltmeleri: OTA (anında)
• Özellik güncellemeleri: OTA (kademeli rollout)
• Native modül değişikliği gerektiren güncellemeler: Mağaza submit

React Native mi, Flutter mi?

Bu soruyu sormadan geçmek olmaz. Kısa cevap:

• Ekibinizde React/JS deneyimi varsa
• Web uygulamanızla kod paylaşımı önceliğinizse
• OTA güncelleme esnekliği kritikse
• Geniş JS kütüphane ekosistemine ihtiyaç duyuyorsanız

• Ekip Dart öğrenmeye hazırsa
• Maksimum performans birinci öncelikse
• Özel, pixel-perfect UI bileşenleri çok sayıda gerektiriyorsa
• Mobil + web + desktop hedef platformlarda bütünleşik çalışmak istiyorsanız

Her iki framework de 2026'da olgunlaşmış, üretime hazır seçenekler. Karar büyük ölçüde mevcut ekip becerileri üzerine kurulmalı.

2026'da React Native ile E-Ticaret: Öneri

React Native, orta ölçekli e-ticaret işletmeleri için 2026'da hâlâ güçlü bir seçenek. Yeni mimarisi performans endişelerini önemli ölçüde giderdi, ekosistemi zengin ve olgun, maliyet avantajı sürmekte.

Kritik başarı faktörleri şunlar:

1. Deneyimli ekip: React Native'in tuzaklarını bilen, platform farklarını yönetebilen bir ekip veya ajans
2. Doğru kütüphane seçimi: Yeni mimariyle uyumlu, aktif olarak geliştirilen kütüphaneler
3. OTA stratejisi: Güncellemeleri akıllıca yönetmek için EAS Updates kurulumu
4. Performans bütçesi: Liste sayfaları ve animasyonlar için render profiling alışkanlığı

Teramerce'in kendi mobil uygulamaları da React Native ile geliştirildi: mağaza yöneticileri için Teramerce Yönetim uygulaması (şu an test aşamasında; App Store ve Google Play yayını yakında) ve B2B mağazalar için markaya özel müşteri katalog uygulaması.