Telefonunda uygulaman

Üç komut. Dersin tamamı bu.

2. 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:

npx create-expo-app@latest

Şunu soruyor: What is your app named?

1. 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.

cd pocket-ledger

Dev server'ı başlat

npx expo start

Terminale çizilmiş bir QR kod ve içinde kendi adresinin olduğu Metro waiting on exp://192.168.1.24:8081 satırı.

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.

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:

npx expo start --tunnel

exp:// adresi yerine https://xxxxxxx.bacon.19000.exp.direct:80 gibi bir URL. Yeni QR kodu tara.

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.