DEV Community

sandatya widhi
sandatya widhi

Posted on

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
Enter fullscreen mode Exit fullscreen mode

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)