TUGAS (komponen dasar)

Soal 1 – Functional & Class Component

Tugas:

Buat dua versi komponen yang menampilkan teks “Halo, Komponen Dasar!”, yaitu:

• Versi Functional Component
• Versi Class Component

Contoh output :

---

Soal 2 – Menggabungkan Komponen

Tugas:
Buat komponen Header dan Footer.
Lalu dalam komponen AppMain, render Header di atas, Footer di bawah, dan teks di tengah: “Selamat Datang!”.

Contoh Output :

---

Soal 3 – Props dalam Komponen

Tugas:
Buat komponen UserCard yang menerima props nama dan umur, lalu menampilkan:

Nama: [nama]
Umur: [umur] tahun

Gunakan UserCard dalam sebuah komponen utama (AppUser) dengan contoh data.

Contoh output :

---

Soal 4 – Komponen Dasar React Native

Tugas:
Gunakan komponen dasar React Native — seperti View, Text, Image, dan ScrollView — untuk membuat tampilan sederhana:

• Header teks
• Beberapa gambar dalam scroll vertikal
• Footer teks kecil

Contoh output :

---

Soal 5 – Kombinasi (Functional + Props + Komponen Dasar)

Tugas:
Buat komponen Profile yang menampilkan:

• Gambar profil menggunakan Image
• Nama pengguna dan bio sebagai props

Susun agar tampil rapi (gambar + teks di atas atau samping).

Contoh output :

---