Can you really build a cross-platform app in 8 weeks?

Yes, if the app has moderate complexity. Our timeline works for apps with 5–8 screens, minimal native features, and a standard backend. Add 2–3 weeks for complex animations or hardware integration.

Which framework is faster for cross-platform development: React Native or Flutter?

React Native is faster if your team knows JavaScript/TypeScript. Flutter requires learning Dart. In our experience, React Native with Expo saves 1–2 weeks on initial setup. For performance-critical apps (e.g., graphics-heavy), Flutter may be better.

How do you handle offline mode in a cross-platform app?

We use redux-persist to cache Redux state locally. Jobs and user data are stored in AsyncStorage. When the device goes offline, the app reads cached data. When back online, a sync queue pushes pending updates.

What is the typical cost difference between native and cross-platform development?

According to a Forrester study, cross-platform can reduce development cost by 30–50%. For our client, the savings were $40,000. Maintenance is also cheaper because you update one codebase.

How do you ensure the app looks good on both iOS and Android?

We use consistent components from React Native and avoid platform-specific styling unless absolutely needed. We test on both devices daily. Expo’s universal build ensures the same code runs on both platforms.

8 Hafta içinde bir Cross-Platform App nasıl inşa ettik: Gerçek Bir Vaka Çalışması

On yıldan fazla süredir uygulamalar inşa ediyordum. Hiçbir şey bana sıkı bir sondan daha hız hakkında daha fazla şey öğretmedi.

Bir lojistik başlangıç bize geldi. Sürücüler ve sevkçiler için bir çapraz platform uygulaması gerekiyordu. Son tarih? Sekiz hafta. Hiçbir istisna yoktur.

56 gün teslim ettik. İşte tam olarak nasıl yaptık.

Cross-platform app development timeline overview

The Challenge

Müşteri, B2B lojistik şirketi, mobil uygulama yoktu. Sürücüleri kağıt loglarını ve telefon çağrılarını kullandılar. Dispatchers juggled spreadsheets.

İstediler:

nakliyeciler için gerçek zamanlı takip
Sürücüler için iş atamaları
Foto teslimatları
Kırsal alanlar için kapalı mod

Platformlar: iOS ve Android. Single codebase. İki ay boyunca.

Neden çapraz platform? Bunu elde edeceğiz.

Logistics drivers and dispatchers app mockup

Neden Cross-Platform?

Yerli uygulamaları düşündük. İki ayrı takım. İki kodbases. Bu 14-16 hafta minimum alır.

Cross-platform bize bir kodbase verdi. Her iki platformdaki kodun% 85'ini tekrarladık. Bu gerçek bir numaradanReact Native's docs- Şirketler 60-% 90 kodu tekrar rapor ederler.

Faktör Faktör Faktör Faktör	Yerli (iOS + Android)	Cross-Platform (React Native)
Geliştirme zamanı	14-16 hafta	8 hafta
Kod yeniden kullanılabilir	0%	85%
Takım büyüklüğü	6 geliştiricileri	4 geliştiricileri
İlk maliyet	$120,000–$160,000	$80,000–$100,000
Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans Performans	Mükemmel Mükemmel Mükemmel Mükemmel	- Yerlinin% 95 (gerçek testler)
Bakım Bakım Bakım	Two codebases	One codebase

Ticaret mi? Gelişmiş kamera filtreleri gibi bazı yerli özellikler daha uzun zaman inşa etmişti. Ancak bir lojistik uygulama için, çapraz platform mükemmel çalıştı.

Bire göreStatista araştırmasıGeliştiricilerin% 38'i, çapraz platform projeleri için React Native kullanıyor. En popüler çerçevedir.

Bizim Tech Stack

Kaliteyi feda etmeden gelişime yayılan araçları seçtik.

Çerçeve Çerçeve Çerçeve Çerçeve: React Native
Bottrapping: Expo Expo- bizi ilk kurulumda 2 hafta kurtardı
Backend: Firebase- doğrulama, Firestore, bulut işlevleri
CI/CD: GitHub Actions+ + + +Azure DevOpsTest için test için
Hata izleme: Sentry
Analytics Analytics Analytics: Amplality

React Native neden Flutter üzerinde? Müşteri mevcut JavaScript geliştiricileri vardı. Dart'ı öğrenmeye gerek yok.

Expo, uygulamayı dakikalar içinde bir cihazda çalıştırmamıza izin verdi. Xcode veya Android Studio'yu kurmak için zaman harcamadık.

Tech stack diagram for cross-platform app

8Week Timeline

Her hafta önemli. İşte tam programımız.

Hafta 1: Foundation&Prototip

Set up Expo projesi
expo-location, expo-camera, expo-file-system
navigasyon yapısını tasarlayın (aşağıdaki sekmeler + yığın)
Figma
Müşteri Cuma günü akışını onayladı

2. Hafta&Kullanıcı Rolleri

Firebase Auth with email /password
İki rol: sürücü, sevker
veri erişimini kısıtlamak için Firestore kuralları
Hem iOS simülatörü hem de Android emülatörü test edildi

Authentication flow screenshot placeholder

3. Hafta Gerçek Zamanlı İş Kurulu

Firestore iş güncelleştirmeleri için dinleyici
FlatList with pull-to-refresh
İş durumu: bekleme, kabul, in-transit, tamamlandı
Sürücüler sadece yakın iş görüyor (geolocation filtresi)

Hafta 4: Offline Mode

Kullanılmış kullanılırredux-persist+ + + +@react-native-async-storage/async-storage
Rehberli işler ve kullanıcı verileri yerel olarak
Sen kuyruk: online olarak gönderilen güncellemeler
Uçak modu ile test edildi - çalıştı

Hafta 5: Photo Upload&Formlar Formlar

expo-image-pickerKamera/gallery
Compress görüntüleri müşteri tarafı<200KB
Yükleme için Firebase Storage
Teslimat kanıtı için dinamik form oluşturun

Photo upload interface placeholder

6. Hafta Dispatcher Dashboard

Web benzeri masa görünümü arama ve filtre ile
Real-time haritası sürücü lokasyonlarını gösteriyor
Sürücü performans ölçümleri (zaman teslim oranı)
Kullanılmış kullanılırreact-native-mapsHarita için

Hafta 7: Test&Debugging

Jest (8% kapsama) ile birim testleri
Detox ile E2E testleri (yalnızca kritik yollar)
Sentry hatası her inşa üzerinde takip
Kullanıcı kabul testi 10 gerçek sürücüyle

8. Hafta Polonya&Deployment

Performans optimizasyonu (lazy yükleme görüntüleri, re-reners azaltır)
App store ekran görüntüleri ve açıklamaları
Yemin ederimApple App StoreveGoogle Play Store
Her ikisi de 2 gün içinde onayladı

Geliştirme Süreci

İki haftalık sprintler koştuk. Daily standups via Slack. Geri bildirim döngüsü her üç gün.

Biz şubeleri kullandık. Her çekme isteği bir GitHub Actions iş akışını tetikledi: lint, test, Expo ile inşa, sonra Expo Go kullanarak bir test cihazı yükleme.

Uzun dağıtım döngüleri yok. Bir cihazda canlı test için: yaklaşık 10 dakika.

Test ve QA

Her şeyi mümkün kıldık.

Birim testleri: Jest + React Native Test Kütüphanesi
E2E: Kritik akışlar için Detox (login, iş kabul, fotoğraf yükleme)
Manual testleri: iOS için TestFlight, Android için iç takip
Hata izleme: Sentry fırlatmadan önce 12 böcek yakaladı

Testing pipeline with GitHub Actions

Gerçek bir örnek: Galeriden görüntüler seçerken Android'de bir kaza. Sentry bize tam çizgi numarası verdi. 2 saat içinde sabit.

Deployment and start

Expo Expoeas buildÜretim basit inşa eder.

Sahneye çıktık: ilk gün kullanıcıların% 1'i, günde% 10'u.

Önemli konular yok. iOS 17'de bir bildirim izni - bir saat içinde sıcak bir ek itti.

Sonuçlar ve Metriks

Uygulama 8 hafta içinde yaşadı.

Sürücüler: İlk ayda 150 aktif
İş işleri işlendi: ayda 3,200
Fotoğraf yüklemeleri: 2,800
Crash-free rate% 99,6 (Sentry data)
App Store rating: 4.7 yıldız
Dispatcher memnuniyet:% 92 (internal anket)

Müşteri iki yerli uygulama inşa etmek için 40.000 dolar tasarruf etti. İşte buForresterÇalışma tahmini - çapraz platform maliyeti 30-50% azaltır.

Dersler Öğrenilen Dersler

Expo ile başlayın.Kurulumda iki haftamızı kurtardı. Expo'da olmayan yerli modüllere ihtiyacınız varsa, daha sonra eject yapabilirsiniz.
Plan çevrimdışı mod erken.Bunu 4. haftada ekledik. 7 haftaya kadar bekleseydik, son tarihini kaçıracağız.
Günlük gerçek cihazlarda test edin.Simulators böcekleri özlüyor. Her gün Expo Go'ya inşa ettik.
Aşırı motorlu değil.Firebase ve Firestore kullandık. Özel bir geri dönüş yok. Bu gelişme süresini% 40 azalttı.
Müşteri her 3 gün geri bildirimler.Yeniden çalışmayı önler. Kısa video demolarını gönderdik - yazı spekizleri değil.

Sprint board with completed tasks

Final Düşünceleri

8 haftalık bir çapraz platform uygulaması mümkündür. Doğru araçlara, sağlam bir zaman çizelgesine ve sürekli iletişime ihtiyacınız var.

React Native, Expo, Firebase ve GitHub Actions kullandık. Her seçim zamandan tasarruf etti.

İşiniz için bir çapraz platform uygulaması düşünüyorsanız, açık bir zaman çizelgesi ile başlayın. Ekranlamaktan kaçının. Bildiğiniz bir çerçeve kullanın.

Bunu lojistik, perakende ve sağlık için yaptık. Her proje bize yeni bir şey öğretti.

Gemi Yours the Same Way

Bunu nasıl kontrol ettik (Eylül 2026): 2026 Eylül’deki zaman çizelgesini, yığını ve bağlantıları yeniden kontrol ettik; alıntılanan rakamlar bu yazıda belirtilen vaka-study ölçümleridir.

Sekiz hafta bir sistem, şans değil. Bu kılavuzlar bölümlerini kaplar:

Next.js SEO: SSR vs ISR vs SSG- Uygulama pazarlama sayfalarınız için web-side arama çağrıları
Next.js Core Web Vitals optimizasyon- başlatıcınızın ihtiyaç duyduğu hız puanlarını vur
RAG chatbot uygulaması- sevk ettiğin bir kez cevap ekle

Sık Sorulan Sorular

1. Gerçekten 8 hafta içinde bir çapraz platform uygulaması yapabilir misiniz?

Evet, eğer uygulama orta derecede karmaşıktır. Zaman çizelgesimiz 5-8 ekranlı uygulamalar için çalışır, en az yerli özellikler ve standart bir geri dönüş. Karmaşık animasyonlar veya donanım entegrasyonu için 2-3 hafta ekleyin.

2. Hangi çerçeve çapraz platform gelişimi için daha hızlı: React Native veya Flutter?

React Native, ekibinizin JavaScript/TypeScript. Flutter öğrenme gerektirir. Deneyimimizde, Expo ile React Native ilk kurulumda 1-2 hafta tasarruf ediyor. Performans kritik uygulamalar için (örneğin, grafikler-heavy), Flutter daha iyi olabilir.

3. Bir çapraz platform uygulamasında çevrimdışı modu nasıl idare edersiniz?

Kullanıyoruzredux-persistRedux eyaleti yerel olarak önbellek. Jobs ve kullanıcı verileri AsyncStorage'da depolanır. Cihaz çevrimdışı gittiğinde, uygulama önbellekli verileri okur. Online geri döndüğünde, bir senkronizasyonu bekleyen bir senkronizasyon.

4. Yerli ve çapraz platform gelişimi arasındaki tipik maliyet farkı nedir?

Bire göreForresterÇalışma, çapraz platform, gelişim maliyetini% 30-50 azaltabilir. Müşterimiz için tasarruf 40.000 $ idi. Bakım da daha ucuzdur çünkü bir kodbase güncellemeniz.

5. Uygulamanın hem iOS hem de Android'de iyi görünmesini nasıl sağlarsınız?

React Native'ten tutarlı bileşenleri kullanıyoruz ve kesinlikle gerekli olmadıkça platforma özgü stilden kaçınıyoruz. Her iki cihazda günlük test ediyoruz. Expo'nun evrensel yapısı, aynı kodun her iki platformda çalışmasını sağlar.

Cross-Platform App Faster

Son bir tarihiniz var. Sürecimiz var.

At At At At At At At At At At At At At At At At At At At At At At AtDG10 AgencyBiz çapraz platform uygulama geliştirme konusunda uzmanlaştık. kanıtlanmış 8 haftalık bir zaman çizelgesi takip ediyoruz. React Native, Expo, Firebase ve otomatik CI/CD kullanıyoruz.

grip yok. gecikme yok. Sadece her iki mağazada bir çalışma uygulaması.

Bugün bize ulaşınProjenize başlamak için. 48 saat içinde zaman çizelgesinizi haritalayacağız.

8 Hafta içinde bir Cross-Platform App nasıl inşa ettik: Gerçek Bir Vaka Çalışması

Key Takeaways