React Native ile çapraz platform mobil uygulama geliştirme

Bir mobil uygulama fikriniz var ve hem iPhone hem Android kullanıcılarına ulaşmak istiyorsunuz. Klasik yaklaşımda bu, iki ayrı uygulama, iki ayrı ekip, iki ayrı kod tabanı ve neredeyse iki katı bütçe demektir. React Native tam da bu ikiliği ortadan kaldırmak için doğdu: tek bir kod tabanından hem iOS hem Android için gerçek, native uygulamalar üretmenizi sağlar.

Instagram, Discord, Shopify ve Microsoft gibi devlerin ürünlerinde kullandığı bu teknoloji, Türkiye'de de bankalardan e-ticaret platformlarına kadar geniş bir yelpazede tercih ediliyor. Bu rehberde, İstanbul merkezli bir yazılım ajansı olarak React Native projelerinde edindiğimiz deneyimleri; teknolojinin nasıl çalıştığından performans optimizasyonlarına, mağaza yayınından maliyet planlamasına kadar adım adım aktarıyoruz.

React Native nedir ve nasıl çalışır?

React Native, Meta (Facebook) tarafından geliştirilen, JavaScript ve React kullanarak mobil uygulama geliştirmeyi sağlayan açık kaynaklı bir çerçevedir. En önemli özelliği, web'deki gibi bir görünümü taklit etmemesidir: yazdığınız kod, gerçek native arayüz bileşenlerine (iOS'ta UIView, Android'de View) dönüşür. Yani kullanıcı, web sitesi sarmalayan bir uygulama değil, platforma ait gerçek bir uygulama deneyimi yaşar.

Teknik olarak React Native, JavaScript kodunuz ile native platform arasında bir "köprü" (bridge) üzerinden iletişim kurar. JavaScript tarafında uygulamanın mantığını ve arayüz tanımını yazarsınız; çerçeve bunu ilgili platformun native bileşenlerine çevirir. Son yıllarda bu mimari önemli ölçüde modernize edildi.

Yeni mimari: JSI, Fabric ve TurboModules

React Native'in eski "bridge" mimarisi, JavaScript ile native taraf arasındaki tüm iletişimi asenkron ve seri hale getirilmiş mesajlarla yürütüyordu; bu, yoğun etkileşimlerde gecikmeye yol açabiliyordu. Yeni mimari bu sınırı ortadan kaldırdı:

• JSI (JavaScript Interface): JavaScript ile native kod arasında doğrudan, senkron çağrı yapılmasına imkan tanır; eski köprünün darboğazını kaldırır.
• Fabric: Yenilenmiş render motoru; arayüz güncellemelerini daha hızlı ve tutarlı işler.
• TurboModules: Native modüllerin yalnızca ihtiyaç duyulduğunda yüklenmesini sağlar, başlangıç süresini kısaltır.

Bu modernizasyon, React Native'in "performans yetersiz" eleştirilerine verdiği güçlü bir yanıttır ve teknolojiyi 2026 itibarıyla kurumsal projeler için çok daha güvenilir kılar.

Neden React Native? Avantajları ve alternatiflerle karşılaştırma

Çapraz platform geliştirmede birden fazla seçenek var. En sık karşılaştırılanlar React Native, Flutter ve native (Swift/Kotlin) geliştirmedir. Hangisinin doğru olduğu projenin gereksinimlerine bağlıdır.

Kriter	React Native	Flutter	Native (Swift/Kotlin)
Kod paylaşımı	Tek kod, iki platform	Tek kod, iki platform	Her platform ayrı
Dil	JavaScript / TypeScript	Dart	Swift, Kotlin
Geliştirme hızı	Yüksek	Yüksek	Düşük
Performans	Çok iyi	Çok iyi	En yüksek
Ekip bulma kolaylığı	Çok kolay (JS yaygın)	Orta	Zor ve pahalı
Maliyet	Düşük-orta	Düşük-orta	Yüksek
Olgun ekosistem	Çok geniş	Genişliyor	En geniş

React Native'in öne çıkan avantajları:

• Tek kod tabanı: iOS ve Android için tek seferde geliştirme; bakım ve güncelleme maliyetinin yarıya inmesi.
• JavaScript ekosistemi: Dünyada en yaygın programlama dillerinden biri olduğundan, ekip kurmak ve yetenek bulmak kolaydır. Türkiye'de de JavaScript geliştirici havuzu oldukça geniştir.
• Hot Reload: Kod değişiklikleri uygulamayı yeniden derlemeden anında ekranda görünür; geliştirme hızını dramatik biçimde artırır.
• Web ile kod paylaşımı: İş mantığı, web (React) projeleriyle paylaşılabilir; tam yığın (full-stack) JavaScript ekipleri için ideal.
• Olgun kütüphane ekosistemi: Ödeme, harita, kamera, bildirim gibi neredeyse her ihtiyaç için hazır, test edilmiş paketler mevcut.

Native geliştirme, en yüksek performans ve platforma özgü derin entegrasyon gereken (örneğin yoğun grafik işleyen oyunlar veya artırılmış gerçeklik) projelerde hâlâ tartışmasız üstündür. Ancak tipik bir iş uygulaması, e-ticaret, sosyal veya içerik uygulaması için React Native, maliyet ve hız dengesinde çoğu zaman en akılcı seçenektir.

Geliştirme ortamı: Expo mu, React Native CLI mı?

Bir React Native projesine başlamanın iki ana yolu vardır ve bu seçim, projenin gidişatını belirler.

Expo, yapılandırma yükünü ortadan kaldıran bir araç setidir. Karmaşık native kurulumlarla uğraşmadan, dakikalar içinde çalışan bir uygulama başlatabilirsiniz. Kamera, konum, bildirim gibi birçok özellik kutudan çıkar. Hızlı prototipleme ve çoğu standart uygulama için mükemmeldir. Modern Expo (development build ve EAS ile), eski sınırlarının büyük kısmını da aştı; artık özel native modüller de eklenebiliyor.

React Native CLI (bare workflow) ise tam kontrol sunar. Native kod katmanına doğrudan erişmeniz, özel native modüller yazmanız veya çok özel platform entegrasyonları yapmanız gerektiğinde tercih edilir. Karşılığında daha fazla kurulum ve bakım sorumluluğu gelir.

Pratik öneri: Çoğu yeni proje için Expo ile başlamak en verimli yoldur. İhtiyaç doğdukça daha düşük seviyeli kontrole geçilebilir. Yalnızca en baştan çok özel native gereksinimleri olan projeler için doğrudan CLI tercih edilmelidir.

Mimari ve proje yapısı

Sürdürülebilir bir React Native uygulaması, ilk günden itibaren düzenli bir mimariyle kurulmalıdır. Küçük başlayan ama büyüyen projelerde, dağınık dosya yapısı en büyük teknik borç kaynaklarından biridir.

Sağlıklı bir proje yapısının temel katmanları:

• Bileşenler (components): Yeniden kullanılabilir, tek sorumluluğu olan arayüz parçaları.
• Ekranlar (screens): Kullanıcının gördüğü tam sayfalar.
• Navigasyon (navigation): Ekranlar arası geçiş mantığı.
• Servisler (services): API çağrıları ve dış servislerle iletişim.
• Durum yönetimi (state): Uygulama genelindeki verinin yönetimi.
• Yardımcılar (utils) ve sabitler: Tekrar eden mantık ve sabit değerler.

Basit bir fonksiyonel bileşen, React Native'de şöyle görünür:

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

function Karsilama(props) {
  return (
    <View style={stiller.kutu}>
      <Text style={stiller.baslik}>Merhaba, {props.isim}</Text>
    </View>
  );
}

const stiller = StyleSheet.create({
  kutu: { padding: 16, backgroundColor: '#ffffff' },
  baslik: { fontSize: 18, fontWeight: '600' },
});

export default Karsilama;

Görüldüğü gibi yapı, web'deki React'e çok benzer; farkı, div yerine View, p yerine Text gibi native bileşenlerin kullanılmasıdır. Bu benzerlik, React bilen ekiplerin mobil tarafa hızla geçmesini sağlar.

Performans optimizasyonu: akıcı bir uygulama için kritik teknikler

React Native uygulamaları çoğu durumda native akıcılığına yakın çalışır, ama bunu sağlamak için bazı temel prensiplere uymak gerekir. En sık karşılaşılan performans sorunları, genellikle uzun listelerden ve gereksiz yeniden render'lardan kaynaklanır.

En etkili optimizasyon teknikleri:

1. Uzun listeler için FlatList kullanın: Yüzlerce öğeyi tek seferde render etmek yerine, FlatList yalnızca ekranda görünen öğeleri çizer ve geri kalanını gerektiğinde yükler.
2. Gereksiz render'ları önleyin: React.memo, useMemo ve useCallback ile değişmeyen bileşenlerin tekrar render edilmesini engelleyin.
3. Görselleri optimize edin: Doğru boyutta, sıkıştırılmış görseller kullanın; büyük resimler bellek ve hız sorunlarının başlıca kaynağıdır.
4. Animasyonları native tarafta çalıştırın: Reanimated gibi kütüphanelerle animasyonları JavaScript yerine native iş parçacığında yürütün; böylece kare düşüşü (jank) yaşanmaz.
5. Başlangıç süresini kısaltın: Uygulama açılışında gereksiz işlemleri ertelemek, ilk açılış hissini iyileştirir.

Bir FlatList kullanımı şöyle görünür:

import { FlatList, Text } from 'react-native';

function UrunListesi(props) {
  return (
    <FlatList
      data={props.urunler}
      keyExtractor={(item) => item.id}
      renderItem={({ item }) => <Text>{item.ad}</Text>}
      initialNumToRender={10}
      windowSize={5}
    />
  );
}

Bu basit değişiklik bile, binlerce öğeli bir listede uygulamanın takılmadan kaydırılmasını sağlar. Performans, kullanıcı algısının en doğrudan etkilendiği alandır; takılan bir uygulama, kullanıcının ne kadar değerli olduğunu düşünmeden silmesine yol açar.

API entegrasyonu ve veri yönetimi

Neredeyse her mobil uygulama, bir sunucudan veri çeker ve gönderir. React Native'de bu iletişim, modern bir REST veya GraphQL API üzerinden yürütülür. Verinin nasıl çekildiği, önbelleğe alındığı ve güncel tutulduğu, uygulamanın hem hızını hem güvenilirliğini belirler.

İyi bir veri katmanı için dikkat edilecekler:

• Önbellekleme (caching): Aynı veriyi tekrar tekrar çekmek yerine akıllı önbellekleme ile hem hızı artırın hem veri kullanımını azaltın. React Query / TanStack Query gibi kütüphaneler bu işi büyük ölçüde otomatikleştirir.
• Çevrimdışı destek: Kullanıcı internetsiz kaldığında uygulamanın çökmemesi, hatta sınırlı çalışabilmesi.
• Hata yönetimi: Ağ hataları kullanıcıya anlaşılır biçimde gösterilmeli, sessizce yutulmamalı.
• Gerçek zamanlı veri: Sohbet, bildirim ya da canlı takip gibi anlık güncellemeler için WebSocket entegrasyonu.

Sağlam bir mobil uygulamanın arkasında her zaman iyi tasarlanmış bir API katmanı vardır. Mobil uygulamanızı mevcut sistemlerinize veya üçüncü taraf servislere (ödeme, kargo, harita, kimlik doğrulama) bağlamak için API entegrasyonu hizmetlerimizden yararlanabilirsiniz. Anlık bildirim ve canlı veri akışı gerektiren senaryolarda ise gerçek zamanlı mimariler devreye girer; bu konuyu mobil tarafta nasıl ele aldığımızı ayrı bir başlıkta da işliyoruz.

State yönetimi ve navigasyon

Uygulama büyüdükçe, verinin ekranlar arasında nasıl paylaşıldığı kritik hale gelir. React Native'de durum yönetimi için birkaç olgun seçenek vardır:

• Yerleşik araçlar (useState, useContext): Küçük ve orta ölçekli uygulamalar için çoğu zaman yeterlidir.
• Zustand: Hafif, öğrenmesi kolay ve performanslı; son yıllarda popülerleşen pratik bir çözüm.
• Redux Toolkit: Büyük, karmaşık ve çok ekipli projelerde öngörülebilir, denetlenebilir bir durum yönetimi sağlar.

Navigasyon tarafında ise React Navigation, sektör standardı durumundadır. Yığın (stack), sekme (tab) ve yan menü (drawer) gibi tüm yaygın gezinme desenlerini destekler ve native geçiş animasyonlarıyla akıcı bir deneyim sunar. Doğru araç seçimi, uygulamanın ölçeğine göre yapılmalıdır; küçük bir uygulamaya Redux gibi ağır bir çözümü zorlamak gereksiz karmaşıklık yaratır.

Mağazaya yayınlama: App Store ve Google Play süreci

Uygulamayı geliştirmek işin yarısıdır; onu kullanıcılara ulaştırmak ayrı bir süreçtir. iOS ve Android'in mağaza yayın süreçleri farklı kurallara tabidir ve Türkiye'deki geliştiriciler için bazı ek pratik noktalar vardır.

Yayın sürecinde dikkat edilecekler:

• Geliştirici hesapları: Apple Developer Program yıllık ücretlidir; Google Play Console tek seferlik bir kayıt ücreti ister.
• İnceleme süreci: Apple'ın inceleme süreci daha titiz ve uzundur; Google nispeten daha hızlıdır. İlk gönderimde ret almamak için mağaza kurallarına baştan uymak önemlidir.
• Mağaza optimizasyonu (ASO): Uygulama başlığı, açıklaması, ekran görüntüleri ve anahtar kelimeler, organik indirilme sayısını doğrudan etkiler.
• Güncelleme yönetimi: React Native, bazı güncellemeleri mağaza onayı beklemeden (over-the-air) gönderebilme imkanı sunar; bu, acil düzeltmelerde büyük avantajdır.

Türkiye'de ödeme entegrasyonu, KVKK uyumu ve yerel kullanıcı alışkanlıkları gibi konuların mağaza sürecinden önce planlanması, sonradan ret ve gecikme yaşamamak için önemlidir. Yayın, projenin sonu değil; kullanıcı geri bildirimine göre süren bir iyileştirme döngüsünün başlangıcıdır.

Türkiye'de React Native ile maliyet ve süre planlaması

Mobil uygulama yatırımı yapan işletmelerin en çok merak ettiği konu, doğal olarak maliyet ve süredir. React Native'in en büyük ticari avantajı, tek kod tabanı sayesinde iki ayrı native uygulamaya kıyasla geliştirme ve bakım maliyetini önemli ölçüde düşürmesidir.

Maliyeti belirleyen başlıca etkenler:

• Özellik kapsamı: Basit bir katalog uygulaması ile çok kullanıcılı, ödemeli, gerçek zamanlı bir platform aynı bütçede değildir.
• Tasarım ihtiyacı: Hazır bileşenlerle mi ilerleneceği, yoksa tamamen özgün bir arayüz mü tasarlanacağı.
• Entegrasyon sayısı: Ödeme, harita, bildirim, üçüncü taraf servisler her biri ek iş yükü demektir.
• Bakım ve güncelleme: Yayın sonrası destek, işletim sistemi güncellemelerine uyum ve yeni özellikler.

Detaylı bir bütçe planlaması ve hangi faktörlerin fiyatı nasıl etkilediği için mobil uygulama geliştirme maliyeti yazımızı incelemenizi öneririz. KaliteliWebsite olarak mobil projelerde 10.000 TL'den başlayan fiyatlar ve ücretsiz keşif görüşmesi sunuyoruz; ihtiyacınızı netleştirip size özel, şeffaf bir teklif hazırlıyoruz. Sürecin tüm detaylarını mobil uygulama geliştirme hizmetlerimiz sayfasında bulabilirsiniz.

React Native projelerinde sık yapılan hatalar

Onlarca mobil projede tekrar gözlemlediğimiz, sonradan pahalıya patlayan hatalar:

1. Performansı sona bırakmak: Liste optimizasyonu ve render kontrolü baştan düşünülmezse, uygulama büyüdükçe takılmaya başlar.
2. Platform farklarını yok saymak: iOS ve Android'in tasarım dilleri ve davranışları farklıdır; "her ikisinde de aynı görünsün" zorlaması kötü deneyim doğurur.
3. Test eksikliği: Otomatik test yazılmayan projeler, her güncellemede yeni hatalarla gelir.
4. Kütüphane bağımlılığını abartmak: Her küçük ihtiyaç için bakımsız bir paket eklemek, ileride güncelleme krizine yol açar.
5. Yayın sonrası planının olmaması: Analitik, hata izleme (crash reporting) ve geri bildirim mekanizması olmadan uygulamanın gerçekte nasıl kullanıldığını göremezsiniz.

Bu hataların çoğu, deneyimli bir ekiple ve doğru planlamayla baştan önlenebilir. Mobil uygulama, yayınlandıktan sonra da yaşayan bir üründür; sürdürülebilir mimari, uzun vadede en büyük tasarrufu sağlar.

Sıkça Sorulan Sorular

React Native ile geliştirilen uygulama native kadar hızlı mı?

Tipik iş, e-ticaret, sosyal ve içerik uygulamalarında React Native, kullanıcının fark edemeyeceği kadar native'e yakın performans sunar; özellikle yeni mimari (JSI, Fabric) ile bu fark iyice azaldı. Yalnızca yoğun grafik işleyen oyunlar veya çok özel donanım erişimi gereken uygulamalarda native belirgin biçimde öne geçer. Çoğu ticari proje için React Native performansı fazlasıyla yeterlidir.

Tek kod tabanıyla gerçekten hem iOS hem Android'i karşılayabilir miyim?

Evet. Kodun büyük bölümü (genellikle yüzde 90'dan fazlası) iki platform arasında paylaşılır. Platforma özgü küçük farklar (örneğin iOS ve Android'in farklı tasarım kuralları) için ayrı düzenlemeler yapılır, ama bunlar toplam işin küçük bir kısmıdır. Sonuçta tek ekip, tek kod tabanı ile iki platformu yönetirsiniz; bu da maliyet ve bakımda büyük tasarruf sağlar.

Mevcut bir web uygulamamı React Native'e dönüştürebilir miyim?

Doğrudan otomatik bir dönüştürme mümkün değildir; web ve mobil farklı arayüz bileşenleri kullanır. Ancak React ile yazılmış bir web uygulamasının iş mantığı, durum yönetimi ve API katmanı büyük ölçüde yeniden kullanılabilir. Bu, sıfırdan başlamaya göre ciddi zaman kazandırır. Tam yığın JavaScript ekipleri için web ve mobil arasında kod paylaşımı React Native'in en güçlü yanlarından biridir.

React Native projesi ne kadar sürede tamamlanır?

Basit bir uygulama birkaç haftada hazır olabilirken, çok kullanıcılı ve karmaşık entegrasyonlu bir platform birkaç ayı bulabilir. Süreyi belirleyen, özellik sayısı, tasarım özgünlüğü ve entegrasyon karmaşıklığıdır. Net bir takvim için kapsamın baştan iyi tanımlanması şarttır; ücretsiz keşif görüşmesinde projenizi değerlendirip gerçekçi bir zaman planı çıkarıyoruz.

React Native'in geleceği güvenli mi?

Evet. Meta tarafından aktif olarak geliştiriliyor, devasa bir açık kaynak topluluğu var ve dünyanın en büyük şirketlerinin ürünlerinde kullanılıyor. Yeni mimariyle teknoloji daha da olgunlaştı. JavaScript'in yaygınlığı sayesinde uzun vadede geliştirici bulma sorunu da en az olan çözümlerden biridir. 2026 itibarıyla kurumsal mobil yatırımlar için güvenli ve sürdürülebilir bir tercihtir.

Sonuç

React Native, tek kod tabanından gerçek native uygulamalar üreterek mobil geliştirmeyi hem hızlandırır hem ucuzlatır. Geniş JavaScript ekosistemi, olgunlaşmış yeni mimarisi, zengin kütüphane desteği ve güçlü topluluğuyla; startuptan kurumsal şirkete kadar geniş bir yelpazede mantıklı bir seçimdir. Başarının anahtarı, doğru araçları seçmek, performansı ve mimariyi baştan ciddiye almak ve yayın sonrası süreci de planlamaktır.

KaliteliWebsite olarak İstanbul'dan, fikirden mağaza yayınına kadar React Native mobil uygulamalar geliştiriyoruz; tasarım, geliştirme, API entegrasyonu ve yayın sonrası destek dahil uçtan uca hizmet veriyoruz. Mobil projeleriniz için 10.000 TL'den başlayan fiyatlar ve ücretsiz keşif görüşmesi sunuyoruz. Uygulama fikrinizi hayata geçirmek için bizimle iletişime geçin; birlikte doğru yol haritasını çıkaralım.