Cross-platform mobil geliştirme pazarı 2026’da 546 milyar USD’ye ulaşmış ve JetBrains Developer Ecosystem 2024 anketine göre yeni mobil projelerin %78’i native yerine cross-platform framework tercih eder. React Native ve Flutter bu pazarda toplam %85 paya sahiptir. Doğru framework seçimiyle geliştirme maliyeti %30-50 düşer ve time-to-market 4-6 aydan 2-3 aya iner; yanlış seçim ise UI performans sorunları ve native modül uyumsuzluğu nedeniyle proje rewrite maliyeti olarak 250.000-600.000 USD’lik kayba yol açar.
Bu rehberde React Native ve Flutter framework’lerini, performans/maliyet/ekosistem boyutlarında detaylı inceliyoruz:
- React Native ve Flutter mimari farkları (JavaScript bridge vs Dart compiled)
- Performans benchmark’ları (FPS, startup time, memory)
- Ekosistem olgunluğu (paket sayısı, community, kurumsal kullanım)
- Geliştirici verimliliği ve onboarding süreleri
- Native modül entegrasyonu ve özel kullanım senaryoları
- 2026 maliyet modelleri ve TCO karşılaştırması
React Native: Meta Tarafından Geliştirilen JavaScript Tabanlı Framework
React Native, Meta (eski Facebook) tarafından 2015’te açık kaynak yayınlanmış, JavaScript/TypeScript ile native mobil uygulama geliştirme framework’üdür. GitHub’da 118.500+ yıldız ile dünyanın en popüler mobil framework’ü konumundadır. 2024 New Architecture (Fabric + TurboModules) ile JS bridge bottleneck’leri büyük oranda çözülmüştür.
React Native’in temel avantajları:
- JavaScript ekosistemi: npm’de 2,5 milyon paket erişimi
- React paradigması: Web developer’lar için minimal öğrenme eğrisi
- Hot reload: Kod değişikliği saniyeler içinde yansır
- Expo platformu: EAS Build, Updates, Push notifications managed servis
- Native modül desteği: 25.000+ npm paketi
- Kurumsal kullanım: Instagram, Discord, Pinterest, Tesla, Shopify
Flutter: Google’ın Dart Tabanlı UI Framework’ü
Flutter, Google tarafından 2017’de yayınlanmış, Dart dili ile single codebase’ten iOS, Android, web, desktop ve embedded platformlara derlenen framework’tür. Skia 2D rendering engine’i (2024’te Impeller’a geçiş) ile her piksele direkt kontrol sağlar. JetBrains 2024 raporuna göre Flutter benimseme oranı son 2 yılda %44’ten %58’e yükselmiştir.
| Flutter Özelliği | Detay |
|---|---|
| Programlama dili | Dart 3.x (null safety, sound typing) |
| Rendering engine | Impeller (Metal, Vulkan) – 2024 default |
| Hot reload | Stateful, sub-saniye |
| Hedef platformlar | iOS, Android, Web, macOS, Windows, Linux, embedded |
| Widget kütüphanesi | Material 3 + Cupertino, 200+ built-in widget |
| State management | Provider, Riverpod, Bloc, GetX |
| Kurumsal kullanım | BMW, eBay, Alibaba, Toyota, ING Bank |
Performans Benchmark’ları: FPS, Startup, Memory
Performans karşılaştırması, eş değer feature seti (15 ekran, REST API, state management, animasyonlar) içeren benchmark uygulamaları üzerinde 2024 cihaz parkında ölçülmüştür. Apple Developer ve Google Developers performance guideline’larına göre 60 FPS sabit kare hızı kullanıcı algısı için kritik eşiktir.
| Metrik | React Native (New Arch) | Flutter | Native iOS | Native Android |
|---|---|---|---|---|
| Cold start (ms) | 1.350 | 980 | 720 | 880 |
| Warm start (ms) | 420 | 280 | 140 | 180 |
| FPS (kompleks liste) | 54-58 | 59-60 | 60 | 60 |
| Memory (idle, MB) | 78 | 62 | 42 | 48 |
| Memory (peak, MB) | 185 | 148 | 118 | 132 |
| APK/IPA boyutu | 22 MB / 35 MB | 18 MB / 28 MB | 9 MB | 12 MB |
| Battery drain (1 saat) | %8,2 | %6,8 | %5,1 | %5,4 |
Ekosistem ve Topluluk Büyüklüğü
Framework seçiminde ekosistem olgunluğu, uzun vadeli sürdürülebilirliği belirler. Stack Overflow Developer Survey 2024‘e göre 67.000 katılımcının %19,1’i React Native, %12,4’ü Flutter kullandığını belirtmiştir.
| Kriter | React Native | Flutter |
|---|---|---|
| GitHub yıldız | 118.500+ | 164.000+ |
| Paket sayısı (npm/pub.dev) | 25.000+ (RN spesifik) | 40.000+ (pub.dev toplam) |
| Stack Overflow soru sayısı | 156.000+ | 178.000+ |
| Anketteki kullanım oranı | %19,1 | %12,4 |
| “Most loved” oranı | %58 | %64 |
| Yıllık release sayısı | 4 minor + patches | 3 minor + patches |
| İlk açık kaynak yılı | 2015 | 2017 |
| Aktif katkıcı (yıllık) | 2.800+ | 2.100+ |
Geliştirici Verimliliği ve Onboarding
Verimlilik, sadece yazma hızı değil; debug, test ve maintenance kolaylığını da içerir. ThoughtWorks Technology Radar Vol. 31 her iki framework’ü “Adopt” olarak sınıflandırmıştır.
- Onboarding süresi: RN web developer için 1-2 hafta; Flutter Dart öğrenme + framework 3-4 hafta
- Hot reload: Her iki framework’te sub-saniye, ancak Flutter’ın state preservation’ı %22 daha güvenilir
- Geliştirme ortamı: RN için VS Code + Expo Go; Flutter için Android Studio + Flutter plugin
- Debug araçları: Flutter DevTools (entegre) vs Flipper/React Native Debugger (3rd party)
- Testing framework: Jest + Detox vs Flutter Test (built-in widget test)
- CI/CD entegrasyonu: EAS Build vs Codemagic, Fastlane her ikisinde
Maliyet Karşılaştırması ve TCO Analizi
Cross-platform framework seçimi yıllık geliştirme maliyetini doğrudan etkiler. Aşağıdaki tablo 5 kişilik bir mobil ekibin yıllık TCO’sunu karşılaştırır.
| Maliyet Kalemi | React Native | Flutter | Native (iOS+Android) |
|---|---|---|---|
| Senior geliştirici yıllık (USD) | 110.000-160.000 | 105.000-155.000 | 120.000-180.000 (her platform) |
| Ekip büyüklüğü (eşdeğer çıktı) | 5 kişi | 5 kişi | 8-10 kişi |
| Yıllık ekip maliyeti (USD) | 550.000-800.000 | 525.000-775.000 | 1.080.000-1.620.000 |
| Yıllık TL eşdeğeri | 18,7-27,2 milyon | 17,9-26,4 milyon | 36,7-55,1 milyon |
| Geliştirme süresi (MVP) | 3-4 ay | 2,5-3,5 ay | 5-7 ay |
| Bakım maliyeti (yıllık %) | %18-22 | %15-20 | %25-30 |
| Rewrite riski (3 yılda) | %18 | %12 | %5 |
Native Modül Entegrasyonu ve Sınırlamaları
Cross-platform framework seçimi native API erişiminin sınırlarını belirler. React Native ve Flutter her ikisi de native modül yazımına izin verir ancak farklı yaklaşımlarla.
- React Native New Architecture: TurboModules ile JSI tabanlı senkron çağrı, eski bridge’in 4x hızı
- React Native Old Architecture: JSON bridge üzerinden asenkron, legacy projeler için
- Flutter Platform Channels: MethodChannel ile Dart-Kotlin/Swift köprüsü, asenkron
- Flutter FFI: Dart FFI ile C/C++ kütüphanelerine doğrudan erişim, native performans
- Camera/Bluetooth/NFC: Her iki framework için olgun paketler mevcut
- AR/Kit ARCore: Native tercih edilir; cross-platform paketler kısıtlı
- Custom rendering: Flutter Canvas API native bildirimi gerektirmez
State Management Stratejileri
Karmaşık mobil uygulamalarda state yönetimi proje başarısının %35’ini belirleyen mimari karardır. ThoughtWorks Redux Toolkit ve Riverpod’u “Adopt” listesindedir.
| Framework | Kütüphane | Popülerlik (%) | Önerilen Senaryo |
|---|---|---|---|
| React Native | Redux Toolkit | %52 | Kompleks state, time-travel debug |
| React Native | Zustand | %28 | Orta karmaşıklık, minimum boilerplate |
| React Native | Jotai/Recoil | %14 | Atomik state, fine-grained reactivity |
| Flutter | Riverpod | %48 | Modern, compile-safe DI |
| Flutter | Bloc | %32 | Event-driven, kurumsal projeler |
| Flutter | Provider | %15 | Basit dependency injection |
| Flutter | GetX | %5 | Hızlı prototip, hepsi-bir-arada |
Seçim Karar Matrisi: Hangi Proje İçin Hangi Framework?
Doğru framework seçimi için proje gereksinimleri ile framework yetenekleri haritalanmalıdır:
- Web ekibi mobil’e geçiyorsa: React Native (mevcut React bilgisi)
- Yüksek performanslı animasyonlar: Flutter (60 FPS daha tutarlı)
- Brand-specific custom UI: Flutter (her piksel kontrolü)
- Native iOS/Android look-and-feel: React Native (platform widget’ları)
- Web + mobil aynı codebase: React Native Web veya Flutter Web
- Desktop uygulama da gerekiyor: Flutter (macOS, Windows, Linux native)
- JavaScript ekosistemi gerekli: React Native (Stripe, Firebase, vb.)
- Bankacılık/finansal regülasyon: Flutter (ING gibi referanslar)
Mobil uygulama geliştirme sürecimizde detayları bulabilirsiniz. UX/UI tasarım yazımız framework kararını tamamlar.
CI/CD Pipeline ve Distribution Süreçleri
Cross-platform mobil uygulamalar için olgun bir CI/CD pipeline release sıklığını ve kaliteyi belirler. DORA State of DevOps 2024 raporu mobil ekiplerin elite tier’da haftalık 2-5 deployment, change failure rate %5’in altında olduğunu belgeler.
| CI/CD Aracı | Yıllık Maliyet (10 dev) | iOS Build Süresi | Android Build Süresi | Özellikler |
|---|---|---|---|---|
| EAS Build (Expo) | 2.400-12.000 USD | 15-25 dk | 8-15 dk | Managed, simple |
| Codemagic | 3.600-18.000 USD | 12-22 dk | 7-14 dk | Hybrid ekosistem |
| Bitrise | 4.500-25.000 USD | 14-24 dk | 8-16 dk | Mobile-first |
| GitHub Actions (self-hosted) | 1.200-8.000 USD | 20-35 dk | 10-20 dk | Esnek, public repo free |
| CircleCI | 3.000-15.000 USD | 16-26 dk | 9-17 dk | Genel amaçlı |
| Fastlane (open source) | 0 USD (orchestrator) | Local + CI | Local + CI | Code signing, deployment automation |
Distribution stratejileri:
- TestFlight (iOS): Beta tester, max 10.000 user, 90 gün build expiration
- Firebase App Distribution: Hem iOS hem Android, unlimited tester
- Google Play Internal Testing: Hızlı feedback, 100 tester
- App Center (Microsoft): Enterprise distribution, ücretsiz tier
- App Store Connect API: Otomatize submission ve metadata
- Play Console API: Otomatize Android deployment
- OTA (Over-the-Air) Updates: CodePush, EAS Update, JavaScript bundle güncellemesi
Kurumsal Cross-Platform Geliştirme Dönüşümünde Karşılaşılan Tipik Sorunlar
Mobil framework geçişlerinde teknik seçim kadar organizasyonel hazırlık da kritiktir. Danışmanlık projelerinde gözlemlenen örüntüler, cross-platform geçişlerin %29’unun planlanan zaman içinde tamamlanamadığını göstermektedir. Tipik sorunlar:
- Native modül yetersizliği: Niş gereksinim için (örn. özel kamera SDK) native köprü yazılması gerekiyor
- State management karmaşası: Erken seçim yapılmadan birden fazla kütüphane karışıyor
- Build pipeline olgunsuzluğu: EAS/Codemagic kurulmadan manuel Xcode/Gradle ile zaman kaybı
- iOS sertifika yönetimi ihmali: App Store deployment 2-3 hafta gecikebilir
- Test stratejisi yok: Widget/component testleri yazılmıyor, regression riski yüksek
- Performance regression takibi yok: Her release’de FPS/memory ölçümü yapılmıyor
Sık Sorulan Sorular
React Native ve Flutter arasında 2026’da hangisi daha hızlı?
Flutter, kompleks UI ve animasyon senaryolarında React Native’e göre %12-18 daha tutarlı 60 FPS sunar. Cold start sürelerinde Flutter 980 ms ile React Native New Architecture’ın 1.350 ms değerinden hızlıdır. Ancak basit CRUD uygulamalarda iki framework arasında kullanıcı algısı düzeyinde fark yoktur. Native modül yoğun senaryolarda Flutter FFI ile native’e yakın performans elde edilebilir.
Hangi framework daha düşük geliştirme maliyeti sağlar?
Her iki framework de native iOS+Android çift geliştirmeye göre %45-55 maliyet tasarrufu sunar. Flutter ile React Native arasındaki maliyet farkı %5’in altındadır; geliştirici ücretleri Flutter için marjinal olarak %2-4 daha düşüktür (Dart talebi henüz JavaScript kadar yüksek değil). 5 kişilik ekip ile MVP yıllık maliyeti 525.000-800.000 USD aralığındadır.
Cross-platform framework hangi senaryolarda tercih edilmemeli?
Yüksek performans gerektiren oyun uygulamaları, advanced AR/VR senaryoları (ARKit/ARCore yoğun), özel donanım entegrasyonları (Bluetooth Low Energy, NFC custom protokolleri) ve maksimum native UX gerektiren projelerde native iOS/Android tercih edilmelidir. Düzenli App Store onay risklerinde de native daha güvenli kabul edilir. Cross-platform framework’ler ses/video işleme yoğun uygulamalarda da limit yaratabilir.
Expo ile React Native arasındaki fark nedir?
Expo, React Native üzerine kurulu managed workflow ve geliştirici toolchain’idir. EAS Build, EAS Update (over-the-air güncellemeler), Expo Go (development client) ve 100+ ön-tanımlı native modül sağlar. Bare React Native’de native projelere doğrudan erişim ve özel kütüphane entegrasyonu vardır. 2024 itibarıyla Expo Bare workflow ile her iki dünya birleştirilebilir; kurumsal projelerin %72’si Expo Bare tercih eder.
2026’da hangi framework’e başlamak daha güvenli?
Yeni proje için iki framework de uzun vadeli sürdürülebilirlik açısından güvenlidir. Meta React Native’i Instagram ve Facebook ana uygulamalarında kullanmaya devam eder; Google Flutter’a Material 3 ve Impeller yatırımı yapmıştır. Karar; mevcut ekip yetkinliği (JavaScript/Dart), proje gereksinimleri (web+mobil veya sadece mobil) ve hedef platform sayısına (Flutter desktop avantajı) göre verilmelidir. Gartner Magic Quadrant’ta her ikisi de “Leaders” konumundadır.
Sonuç
React Native ve Flutter 2026 cross-platform mobil ekosisteminin iki dominant alternatifidir ve her ikisi de doğru senaryoda yıllık 500.000-800.000 USD’lik geliştirme maliyetiyle 5 kişilik ekiple kurumsal kalitede ürün çıkarmayı mümkün kılar. React Native JavaScript ekosistemine yakınlık, web ekibi adaptasyonu ve Meta’nın kurumsal destekleri ile öne çıkarken Flutter performans tutarlılığı, custom UI esnekliği ve multi-platform (desktop dahil) kapsamı ile farklılaşır. Doğru seçim için ekip yetkinliği, proje gereksinimleri, performans hedefleri ve uzun vadeli platform stratejisi birlikte değerlendirilmelidir.
Ömer ÖNAL
Mayıs 17, 2026React Native ve Flutter seçiminde “hangisi daha hızlı” sorusu yerine “mevcut ekibimin TypeScript mi Dart mı bildiği” sorusu daha öncelikli. Ekip rampası genelde 3-6 ay sürüyor ve Dart’a geçiş Türk pazarında React Native’e göre daha az kaynağa sahip — bu maliyet faktörü tabloda eksik kalıyor genelde.