AI ile Mobil Uygulama Geliştirme: React Native, Flutter, Native

Mobil geliştirme = native + cross-platform tradeoffs. AI ile karar + kod + debug, hepsi hızlı.

Stack Seçimi

Stack	Use Case	AI Destek
React Native	JS team, KOBİ	⭐⭐⭐⭐⭐
Flutter	Geniş ürün, custom UI	⭐⭐⭐⭐
Swift / SwiftUI	iOS-only premium	⭐⭐⭐⭐
Kotlin / Compose	Android-only	⭐⭐⭐⭐
Expo (RN)	Hızlı MVP	⭐⭐⭐⭐⭐
Tauri Mobile	Web stack, native shell	⭐⭐⭐

Rol: Sen senior mobile architect.

Görev: Aşağıdaki proje için stack öneri:

Proje: Türkiye e-ticaret B2C
Hedef: iOS + Android, 1 yıl içinde web app
Team: 2 web dev (React expert)
Süre: 6 ay MVP, 1 yıl scale
Bütçe: orta

Çıktı:
1. Stack öneri (1 + alternatives)
2. Reasoning (5 boyut)
3. Risk + mitigation
4. Stack-specific tooling
5. Production checklist
6. Cost projection

React Native Proje Kurulumu

"Yeni RN project setup:

Stack:
- Expo (managed)
- TypeScript
- React Navigation
- Zustand (state)
- TanStack Query (server state)
- React Hook Form
- Tailwind (NativeWind)
- React Native Reanimated
- Expo Notifications

Çıktı:
- Expo init command
- package.json
- folder structure
- env config
- CI/CD (EAS Build)
- README
"

Flutter Proje Kurulumu

"Flutter proje:

State: Riverpod
Routing: GoRouter
Network: Dio + Freezed
DB: Drift / Isar
Test: golden test

Çıktı:
- pubspec.yaml
- folder structure (clean architecture)
- DI setup
- Theme
- L10n (Turkish + English)
- CI/CD (Codemagic / Fastlane)
"

AI ile Kod Yazımı

Screen / Component

"React Native ürün detay sayfası:

API: GET /products/:id
Field: id, name, price, images[], description, reviews

UI:
- Image carousel (swipeable)
- Pinch zoom
- Variants (size, color)
- Add to cart button (sticky bottom)
- Reviews infinite scroll
- Share button
- Wishlist toggle
- Skeleton loader

Stack:
- React Query
- React Hook Form
- Reanimated
- Expo Image

Çıktı: complete component + types + tests"

Form Validation

"Login form RN + RHF:

Field:
- Email (format + .com.tr)
- Password (8+ char, 1 number, 1 special)

Validation:
- Real-time
- Friendly error TR
- Show/hide password
- Biometric option (Touch/Face ID)
- Forgot password link
- Sign up link

Accessibility:
- Screen reader
- Keyboard avoiding
- Tab order
"

Detay: Frontend AI

Navigation

"React Navigation 6 setup:

Stack:
- Auth stack (Login, Register, Forgot)
- Main tab navigator
  - Home (stack)
  - Search
  - Cart
  - Profile (stack)
- Modal (Cart, Product Detail)

Deep linking:
- /product/:id
- /category/:slug

Type-safe:
- TypeScript generic
- Param list types
- useNavigation hook typed"

Performans

"RN performance audit:

Çıktı:
1. List virtualization (FlashList)
2. Image lazy load + cache (FastImage)
3. Re-render check (why-did-you-render)
4. Bundle size analysis (Hermes)
5. Native module overhead
6. JS thread blocking (long task)
7. Animation 60fps (Reanimated)
8. Memory leak (heap snapshot)
9. Startup time (Flipper)
10. Network waterfall optimization
"

Push Notifications

"Push notification setup:

Stack:
- Expo Notifications + EAS
- FCM (Android) + APNs (iOS)
- Backend: Firebase Admin SDK

Use case'ler:
- Order confirmation
- Delivery update
- Cart abandoned (24 saat)
- New product (segmented)
- Marketing (opt-in only)

Best practices:
- Permission timing (after value shown)
- Quiet hours (22-08)
- Frequency cap (max 3/week marketing)
- A/B test copy
- Deep link to relevant screen
- Analytics (open rate, conversion)
"

Offline Support

"Offline-first architecture:

Stack:
- WatermelonDB / Realm
- Background sync (workmanager)
- Optimistic UI updates
- Conflict resolution

Use case:
- Online: kullanıcı browse, checkout
- Offline: data cached, queued mutations
- Reconnect: sync (background)

Conflict:
- Server wins (default)
- Last write wins (chat)
- Manual merge (notes)
"

Auth

"Mobile auth flow:

1. Social (Apple, Google)
2. Email + password
3. Phone OTP
4. Biometric (Face ID, fingerprint)

Stack:
- expo-auth-session
- expo-secure-store (token)
- expo-local-authentication

Token strategy:
- Access token (15 dk)
- Refresh token (30 day)
- Auto-refresh interceptor
- Logout: clear secure store + backend
- Multi-device session management
"

In-App Purchase

"IAP setup (subscription model):

Plans:
- Monthly $5
- Annual $50 (2 ay free)

Stack:
- RevenueCat (cross-platform unified)
- App Store + Play Store consoles
- Server validation (receipt)
- Subscription status sync
- Restore purchases
- Family sharing

Türkiye:
- TL fiyat (App Store dolar default değil)
- KDV %20
- iyzico backup (Apple/Google %30 yerine %3 - non-IAP route, riskli)
"

Build & Deploy

"EAS Build + Submit:

eas.json:
- production profile
- iOS distribution: appstore
- Android variant: aab
- Auto-increment version

Submit:
- eas submit -p ios
- eas submit -p android

App Store Connect:
- Screenshots (6.7", 5.5", iPad)
- Description (3 dil)
- Keywords
- App Review (TR app review office)
- Privacy nutrition labels

Play Console:
- Store listing
- Content rating
- Pricing
- Internal → closed → open → production
"

Cihaz Test

"Test stratejisi:

Real device:
- iOS: iPhone 13, 15 Pro, SE
- Android: Pixel 7, Samsung S22, low-end Xiaomi
- TR: en popüler 5 cihaz

Emulator:
- Daily dev
- CI test (basic)

Real device:
- Pre-release
- Performance test
- Battery test
- Network condition (3G simulator)

Beta:
- TestFlight (iOS): 100 tester
- Play Internal: 100 tester
- 1-2 hafta
"

Crash Reporting

"Sentry integration:

Capture:
- Crash + stack trace
- Breadcrumb (kullanıcı path)
- Device info
- App version
- User ID (anonymized)

Privacy:
- PII filter (email, phone)
- KVKK compliance
- Opt-out option

Alert:
- New issue
- Spike (10x)
- Affecting top user
- Critical screen (checkout)
"

App Store ASO

"ASO (App Store Optimization):

Title: brand + keyword (30 char iOS, 50 Android)
Subtitle: USP + 2nd keyword (30 char)
Keywords: 100 char (iOS), tags (Android)
Description: hook + features (first 3 lines critical)
Screenshots: 1 ürün, 1 feature, 1 social proof
Preview video: 30 sn loop

Türkiye'de TR localization şart.
A/B test: iOS only (Connect)
"

Yaygın Hatalar

1. Stack seçimi yanlış: 6 ay sonra fark
2. Performance ignore: 30 fps app = unsubscribe
3. Battery drain: Foreground service abused
4. Permission spam: İlk açılışta hepsini iste = red
5. Update prompt timing: Kötü an
6. Crash ignore: Sentry yok = blind
7. Türk pazar lokalize değil: TL, TR, KVKK

Sonraki Adımlar

• Frontend AI
• Backend Geliştirme
• API Tasarım
• Test Yazma
• DevOps + AI

Özet

Mobil + AI = MVP 1 hafta, production 3 ay. RN (KOBİ) / Flutter (custom UI) / Native (premium). Copilot + Cursor mobile-spesifik kod, hata, optimizasyon. Anahtar: stack doğru, performance early, ASO sonradan.