Ücretsiz8 dk okumaDers 3 / Bu gece telefonunda uygulaman
Bu dersin sonunda kendi telefonunda, son on beş dakikada yaptığın ve dizüstünün ekranındaki bir QR koddan taranmış bir uygulama çalışıyor olacak. Bir uygulamanın videosu ya da resmi değil. Telefonu yanındaki kişiye uzatabilirsin.
Üç komut. Dersin tamamı bu.
derste kurduğun her şey bu üç satır çalışsın diye var ve hepsini ücretli bir Claude hesabı olmadan çalıştırabilirsin. Kendin yaz.
Projeyi oluştur
Sonra tekrar bulabileceğin bir klasörde terminal aç — Belgeler klasörün olur — ve şunu çalıştır:
@latest önemli. Onsuz npm, aracın eski bir önbellek kopyasını yeniden kullanabiliyor.
npx create-expo-app@latest
Şunu görmelisin
Şunu soruyor: What is your app named?
derste seçtiğin ismi yaz. Küçük harf ve tire en güvenlisi, çünkü bu bir klasör adı oluyor — Pocket Ledger değil, pocket-ledger. Bu modülün geri kalanındaki örnekler pocket-ledger kullanıyor; her yerde kendininkini koy.
Sonra birkaç yüz paket indiriyor; bağlantına göre bir ila üç dakika sürüyor. Bu normal ve yalnızca bir kez oluyor.
Sürüm sabitlendi, 2026-09-04'te doğrulandı. Varsayılan şablon sana Expo SDK 57.0.0 (30 Haziran 2026'da yayınlandı), React Native 0.86 ve React 19.2 veriyor. SDK 57, bir öncekine göre kırıcı değişiklik içermeyen, bilinçli olarak küçük tutulmuş bir sürüm.
Kendi klasör adını kullan. Buradan sonraki her komut projenin içinde çalışıyor.
Pratik
Claude Cowork'ü kendi bilgisayarında aç ve bunu gerçek dosyalarda dene. Her modül, yaptığını gönderdiğin bir checkpoint'le biter.
Terminale çizilmiş bir QR kod ve içinde kendi adresinin olduğu Metro waiting on exp://192.168.1.24:8081 satırı.
Metro, dosyalarını telefonun çalıştırabileceği bir şeye çeviren şey. Bu pencereyi açık bırak — oturum boyunca çalışıyor ve her kaydettiğinde yeniden derliyor.
Bu pencereyle ilgili iki şey. Bitmiyor ve bu doğru — bir dev server sen durdurana kadar çalışır. Ve altta listelenen tuşlar o çalışırken iş görüyor: a bağlı bir Android cihazda açıyor, w tarayıcıda açıyor, r yeniden yüklemeye zorluyor. r'yi bir sonraki derste kullanacaksın.
Telefona koy
Dizüstün ve telefonun aynı Wi-Fi ağında olmalı. Aynı operatörde değil — aynı ağda. Mobil veriyle bağlı bir telefon dizüstünü bulamaz.
Telefonda Expo Go'yu aç ve tarayıcısıyla dizüstü ekranındaki QR kodu oku. Uygulama projeni Wi-Fi üzerinden indiriyor ve başlatıyor.
Başlangıç uygulaması, gerçek bir telefonda, boş bir klasörden yaklaşık on beş dakika sonra. Ekranda ne yazdığı henüz önemli değil — senin telefonun, senin projeni çalıştırıyor; bütün mesele bu.
Baktığın şey başlangıç şablonu: birkaç yer tutucu ekran ve bir sekme çubuğu. Bilerek sıkıcı. 5. derste onu isteyerek değiştiriyorsun ve 2. modülde gerçek uygulamanın üç sekmesine dönüşüyor.
Telefonun fotoğrafını çek. Birine gönder. Kursun bu kısmına insanlar yapana kadar inanmıyor.
QR kod bağlanmadığında
Vazgeçmenin en olası olduğu tek yer burası, o yüzden dipnot değil kendi bölümü var.
Expo'nun kendi belgeleri sebebi açıkça adlandırıyor: halka açık Wi-Fi'da sık görülen kısıtlayıcı ağ koşulları ve Windows kullanıcılarında sık görülen güvenlik duvarları, bir telefonun yerel ağ üzerinden dev server'a ulaşmasını engelleyebiliyor. npx expo start'ı ilk çalıştırdığında Windows Defender bir pencere açarsa Özel ağlar kutusunu işaretle ve erişime izin ver. O pencereyi kapattıysan, ya da bir kafe ağındaysan, ya da telefon öylece bağlanamadan bekliyorsa tüneli kullan:
Bağlantıyı yerel ağın yerine herkese açık bir URL üzerinden yönlendiriyor. Daha yavaş ve neredeyse her yerde çalışıyor.
npx expo start --tunnel
Şunu görmelisin
exp:// adresi yerine https://xxxxxxx.bacon.19000.exp.direct:80 gibi bir URL. Yeni QR kodu tara.
Pencereyi görürsen özel ağ erişimine izin ver. Görmediysen ya da işe yaramadıysa, --tunnel bütün sorunun etrafından dolaşıyor — daha yavaş bir yeniden yükleme pahasına.
Bir uyarı: tünel URL'si herkese açık. Adresi olan herkes, çalışırken dev server'ına ulaşabilir. Başlangıç projesi için gerçek bir risk değil, ama çalıştığı sürece düz npx expo start kullanıp tüneli yedekte tutmak için bir sebep.
Yok saymadığımız eğitim
Expo'nun docs.expo.dev/tutorial/build-with-ai/ adresinde Build with AI adlı ücretsiz bir eğitimi var. Programcı olmayanlara Claude Code'a prompt vererek mobil uygulama yapmayı öğretiyor, yaklaşık bir saat sürüyor, Windows orada birinci sınıf bir yol ve gerçekten iyi. Az önce yürüdüğün mesafenin aşağı yukarı aynısını, daha ayrıntılı olarak, ücretsiz kapsıyor.
Bir saatin varsa git yap — kursun geri kalanında seni daha iyi yapacak. Yapmadığı iki şey var: hiçbir şeyi bir mağazaya göndermiyor ve Claude Code'un ücretli bir Claude planı gerektirdiğinden hiç söz etmiyor. Bu kursun var olma sebebi aşağı yukarı bu iki eksik. Biz o saatten sonraki saatleriz: mağaza, para, on iki test kullanıcısı duvarı ve bu işin bozulmasının belirli biçimleri.
Kontrol et
Uygulamanın adını taşıyan bir klasör var ve içine cd yapabiliyorsun
npx expo start bir QR kod ve Metro waiting on exp:// satırı gösteriyor
Telefonun dizüstüyle aynı Wi-Fi'da
Başlangıç uygulaması telefonunda, Expo Go'dan açıldı ve kaydırabiliyorsun
QR kod bağlanmadığında hangi komutu çalıştıracağını biliyorsun
Şunu görürsen Something went wrong. Could not connect to the server.
Telefon QR kodu buldu ama dizüstünü bulamadı. Sırayla: iki cihazın da aynı Wi-Fi'da olduğunu kontrol et; başka bir pencerenin arkasına saklanmış bir Windows Defender uyarısı ara ve özel ağ erişimine izin ver; sonra sunucuyu Ctrl+C ile durdur ve npx expo start --tunnel ile yeniden başlat. Tünel yolu otel Wi-Fi'ında, ofis ağlarında ve güvenlik duvarlarının arkasında çalışıyor; var olma sebebi bu.
Şunu görürsen Expo Go uygulaması projenin farklı bir SDK sürümü kullandığını söylüyor
Expo Go'nun her sürümü tam olarak tek bir Expo SDK sürümünü destekliyor ve projeyle uygulamanın eşleşmesi gerekiyor. Expo Go'yu Play Store'dan güncelle — Android sürümü güncel SDK'ları güvenilir biçimde takip ediyor. iOS'ta App Store'daki Expo Go bir sürüm geride kalabiliyor; bu kursun önce Android yazılmasının sebeplerinden biri de bu.
Az önce ne öğrendin
npx create-expo-app@latest ve ardından npx expo start, boş bir klasörden çalışan bir uygulamaya kadar olan mesafenin tamamı.
Dev server çalışmaya devam ediyor. Metro her kayıtta yeniden derliyor ve o penceredeki r yeniden yüklemeye zorluyor.
Varsayılan QR bağlantısının çalışması için telefonla dizüstünün aynı Wi-Fi'da olması gerekiyor.
npx expo start --tunnel, Windows güvenlik duvarlarının ve kısıtlayıcı ağların etrafından dolaşıyor; bedeli hız ve URL'si herkese açık.
Expo'nun ücretsiz Build with AI eğitimi bu ilk saati iyi kapsıyor; bu kurs onun bittiği yerde başlıyor.