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 :
Top comments (0)