Komposisi vs Konfigurasi

Komposisi menyusun UI dari komponen-komponen kecil (seperti LEGO) daripada membuat 1 komponen raksasa dengan puluhan props konfigurasi.

👀 Contoh dulu

<Card><CardHeader /><CardBody /></Card>

Hasilnya: Struktur fleksibel dan mudah dipelihara.

💡 Pola komposisi meminimalkan prop drilling.

📝 Sekarang giliranmu

Buatlah elemen JSX di mana komponen <Card> membungkus komponen <Header /> di dalamnya.

Preview