🦊 Agenda

• React Native
• RN Framework - Expo
• Demo
  • Create Project with Expo
  • RN Project - Struktur Folder

  root-folder-project
     |_ .git <-- pastikan .gitnya memiliki origin ke github bukan ke local
     |_ .gitignore
     |_ .expo <-- berisi file khusus untuk expo, tidak perlu diutak-atik
     |_ app.json <-- berisi konfigurasi yang bisa dikustom (splash image, etc)
     |_ package.json
     |_ package-lock.json
     |_  babel.config.js <-- Menggunakan babel bukan vite 
     |_ assets <-- berisi assets yang dibutuhkan dalam project (gambar, etc)
     |_ App.js <-- File utama yang diberikan (diubah ke jsx lebih baik)
  

  • RN Component
    • <View>
    • <Text>
    • <Image>
    • <Button>
    • <TextInput>
    • <SafeArea>
    • <ScrollView>
    • <FlatList>
  • RN Styling - Flex
  • RN Component - ScrollView vs FlatList
    • Source GeeksForGeeks
    • Source Medium

Asset

Background :
'https://e0.pxfuel.com/wallpapers/790/952/desktop-wallpaper-mountains-nature-landscape-digital-art-minimal.jpg'

Bongo Cat :
"https://custom-doodle.com/wp-content/uploads/doodle/bongo-cat-pixel/bongo-cat-pixel-doodle.gif"

Todos :

[
    { task: "Wash your face" },
    { task: "Eat and get energy!" },
    { task: "Listening to focus music" },
    { task: "Learn react native" },
    { task: "Learn RN component" },
    { task: "Learn scrollview" },
    { task: "Learn flatlist" },
    { task: "Learn gesture handler" },
    { task: "Learn rn navigation" },
    { task: "Learn mongodb" },
    { task: "Learn redis" },
    { task: "Focus on final project idea" },
  ]