Çalıştırma
- React Native kursu
- Başlangıç
- Ders 5/116
- 4 dk
Expo start ile uygulamayı çalıştırmayı öğrenirsin.
expo start
Projeyi çalıştırmak için terminalde npx expo start yazarsın. Bu komut bir geliştirme sunucusu başlatır ve ekrana bir QR kodu çıkarır.
Telefonda Expo Go uygulamasını açıp QR kodu tarayarak uygulamayı anında görürsün. Telefon ile bilgisayar aynı ağda olmalıdır.
Sunucu çalışırken dosyayı kaydettiğinde uygulama otomatik yenilenir. Bu özellik fast refresh olarak adlandırılır.
Expo Go ile test
Expo Go, Expo projelerini telefonda açan bir uygulamadır. Hem App Store hem de Google Play'de ücretsizdir.
QR kodu taradığında Expo Go, kodunu indirir ve ekranda gösterir. Bu, gerçek bir cihazda test yapmanın en kolay yoludur.
İstersen j tuşuna basarak uygulamayı web tarayıcısında da açabilirsin; ama en doğru sonuç için telefon kullanılır.
Uygulama Hosgeldin uygulaması
Çalıştırılabilir bir App bileşeni yaz. <View> içinde <Text>Hosgeldin</Text> döndürsün. İçe aktarma satırını da ekle.
Başlangıç kodu
// react-native'den içe aktar
// App bileşenini yazÖrnek çözüm
import { View, Text } from 'react-native';
function App() {
return (
<View>
<Text>Hosgeldin</Text>
</View>
);
}
export default App;Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Sunucu komutu
Geliştirme sunucusunu başlat: npx expo ____Geliştirme sunucusunu başlat: npx expo startAçıklama: npx expo start sunucuyu başlatır.
2 Fast refresh ne yapar?
- Uygulamayı yeniden derler
- Telefonu yeniden başlatır
- QR kodu gizler
- Kaydetttiğinde değişiklikleri anında uygular Doğru cevap
Açıklama: Fast refresh kaydetttiğinde değişiklikleri anında uygular.
3 Çalıştırma kavramlarını eşleştir
| Kavram | Anlamı |
|---|---|
npx expo start |
Sunucu başlatma |
Expo Go |
Telefon uygulaması |
QR kod |
Tarama |
Fast refresh |
Anında yenileme |