Expo kurulumu
- React Native kursu
- Başlangıç
- Ders 2/116
- 5 dk
Expo CLI ile React Native projesi oluşturmayı öğrenirsin.
Expo kurulumu
Yeni bir Expo projesi başlatmak için terminalde npx create-expo-app my-app yazarsın. Bu komut, my-app adlı bir klasör oluşturur ve içine tüm başlangıç dosyalarını yerleştirir.
Kurulum bitince cd my-app ile klasöre geçer, npx expo start ile geliştirme şunucusunu başlatırsın. Expo, bağımlılıkları otomatik yönetir; Android Studio veya Xcode kurmana gerek yoktur.
Bu yaklaşım, React Native'e başlamanın en hızlı yoludur.
Geliştirme sunucusu
npx expo start komutu bir geliştirme sunucusu başlatır. Terminalde bir QR kod belirir; bunu Expo Go ile tarayarak uygulamayı telefonda açarsın.
Sunucu çalışırken kaydettiğin her değişiklik anında telefona yansır. Bu hızlı geri bildirim döngüsü, React Native geliştirmeyi keyifli yapar.
Terminalde r tuşuna basarak uygulamayı yenileyebilir, j ile tarayıcıda açabilirsin.
Uygulama App iskeletini yaz
App adında bir bileşen yaz. return ifadesinde <View> içinde <Text>Merhaba</Text> döndürsün.
Başlangıç kodu
// App bileşenini yaz
function App() {
return null;
}Örnek çözüm
function App() {
return (
<View>
<Text>Merhaba</Text>
</View>
);
}Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Yeni bir Expo projesi hangi komutla başlar?
- npx create-expo-app Doğru cevap
- npm run expo
- expo new project
- react-native init expo
Açıklama: npx create-expo-app yeni bir proje oluşturur.
2 Dosyaları eşleştir
| Kavram | Anlamı |
|---|---|
App.js |
Giriş bileşeni |
package.json |
Bağımlılıklar |
app.json |
Yapılandırma |
assets |
Görsel kaynaklar |
3 Sunucu başlatma
Geliştirme sunucusunu başlatmak için: npx ____ startGeliştirme sunucusunu başlatmak için: npx expo startAçıklama: npx expo start sunucuyu başlatır.