Cursor ile Mobil Uygulama Geliştirme

Cursor gibi AI destekli kod editörleri React Native ve Expo geliştirme hızını ciddi biçimde artırabilir. Fakat editöre sınırsız yetki verip büyük feature'ları tek seferde yaptırmak genellikle teknik borç üretir.

Daha iyi yöntem, AI'ı repo bağlamını bilen hızlı bir ekip arkadaşı gibi kullanmaktır.

Önce repo kurallarını yazın

AI editörüne her promptta aynı kuralları söylemek yerine proje seviyesinde kalıcı talimatlar tanımlayın.

Örneğin:

- TypeScript strict kullan.
- Mevcut tasarım sistemini bozma.
- Yeni dependency ekleme.
- Server secret'larını mobile bundle'a koyma.
- İlgisiz refactor yapma.
- Her değişiklik sonunda typecheck çalıştır.

Bu kurallar modelin hareket alanını sınırlar.

Feature'ı parçalayın

“Dashboard yap” yerine:

1. boş dashboard ekranını oluştur
2. RevenueCard componentini ekle
3. mock veriyle göster
4. loading state ekle
5. gerçek query'yi bağla

şeklinde ilerlemek hata ayıklamayı kolaylaştırır.

Önce mevcut kodu okutun

İyi bir görev şu cümleyle başlayabilir:

Bu feature'ı yazmadan önce mevcut navigation,
component ve data fetching yapısını incele.
Benzer pattern varsa onu tekrar kullan.

Bu küçük talimat duplicate mimari oluşmasını azaltır.

Expo ile birlikte kullanmak

Expo projesini standart şekilde oluşturabilirsiniz:

npx create-expo-app@latest my-app

Sonra editörü repo üzerinde açıp feature bazlı ilerleyin.

AI editörünün değer ürettiği işler:

• component oluşturma,
• form validation,
• TypeScript tipleri,
• API client,
• refactor,
• test taslağı,
• hata analizi,
• dokümantasyon.

Daha dikkatli olunması gereken işler:

• authentication,
• ödeme,
• secret yönetimi,
• migration,
• finansal hesap,
• production config.

Dependency ekleme disiplinini koruyun

AI araçları bazen var olan çözüm yerine yeni package önerebilir.

Her dependency için şu soruyu sorun:

Bu problemi zaten kullandığımız stack ile çözemiyor muyuz?

Mobil projede gereksiz native package eklemek build ve upgrade maliyetini artırabilir.

Kod üretildikten sonra ne yapılmalı?

En az şu kontroller çalıştırılmalı:

npm run typecheck
npm run lint

Projeye göre build ve test komutları da eklenmelidir.

Ayrıca diff'i okuyun. AI'ın “küçük UI değişikliği” için auth veya config dosyalarına dokunması kabul edilmemelidir.

Prompt örneği

Mevcut Expo React Native projesinde
Profile ekranına tema seçimi ekle.

Önce mevcut theme yapısını incele.
Yeni state library ekleme.
Mevcut storage helper varsa kullan.
Light, dark ve system seçenekleri olsun.
İlgisiz dosyaları değiştirme.
Bittiğinde typecheck çalıştır ve değişen dosyaları özetle.

Bu görev hem kapsamı hem kabul kriterini belirler.

En büyük hata: AI hızını ürün hızı sanmak

Bir feature'ın 15 dakikada yazılabilmesi onun gerekli olduğu anlamına gelmez.

AI döneminde ürün sahiplerinin en büyük riski engineering maliyetinin düşmesiyle feature sayısını kontrolsüz artırmaktır.

Her feature için şu üç soruyu sorun:

1. Hangi kullanıcı problemini çözüyor?
2. Hangi metriği değiştirmesini bekliyoruz?
3. Bu hafta yapılmazsa gerçekten ne kaybederiz?

Cevap yoksa feature muhtemelen ertelenebilir.

Sonuç

Cursor benzeri editörler kod üretiminde güçlü kaldıraçtır. En iyi sonuç ise şu çalışma biçiminde gelir:

repo'yu incele
→ küçük görev
→ net kabul kriteri
→ diff kontrolü
→ typecheck/build
→ gerçek cihaz testi

Vibe coding'in sürdürülebilir hali budur.