App.js
- React Native kursu
- Başlangıç
- Ders 4/116
- 4 dk
App.js yapısını ve export default'u öğrenirsin.
App.js nedir?
App.js, Expo projesinin giriş bileşenidir. Uygulama açıldığında ilk olarak buradaki App bileşeni render edilir.
Bileşen export default function App() { ... } biçiminde tanımlanır. export default ifadesi, bu bileşenin başka dosyalarda varsayılan içe aktarma olarak kullanılmasını sağlar.
Bu yüzden Expo, App.js dosyasını özel olarak tanır ve onu uygulamanın kökü olarak yükler.
export default
Bir bileşeni dışa aktarmanın en sık yolu export default kullanmaktır. Bu, dosyanın varsayılan dışa aktarımını belirler.
Örnek: export default function App() { return ... }. Aynı dosyada yalnızca bir tane export default olabilir.
Başka bir dosyada bu bileşeni kullanmak için import App from './App'; yazarsın. Süslü parantez gerekmez; çünkü varsayılan dışa aktarım tek başına içe aktarılır.
Uygulama App.js iskeletini tamamla
İçe aktarma satırını ve export default function App() bildirimini yaz. App, <View> içinde <Text>Hosgeldin</Text> döndürsün.
Başlangıç kodu
// react-native'den View ve Text içe aktar
// export default function App() ile bileşeni dışa aktarÖrnek çözüm
import { View, Text } from 'react-native';
export default function App() {
return (
<View>
<Text>Hosgeldin</Text>
</View>
);
}Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 App.js ne işe yarar?
- Bağımlılıkları listeler
- Uygulama simgesini tanımlar
- Giriş bileşenini barındırır Doğru cevap
- Stil tablosu içerir
Açıklama: App.js uygulamanın giriş bileşenini barındırır.
2 Varsayılan dışa aktarım
____ default function App() { return null; }export default function App() { return null; }Açıklama: export default ile bileşen dışa aktarılır.
3 Anahtar kelimeleri eşleştir
| Kavram | Anlamı |
|---|---|
App |
Giriş bileşeni |
export |
Dışa aktarma |
default |
Varsayılan |
function |
Fonksiyon |