Komposisi Component

Bagian dari kursus React

Kamu sudah membuat sebuah card dengan garis tepi dan bayangan, dan tampilannya bagus. Sekarang kamu butuh card yang sama mengelilingi sebuah foto, lalu mengelilingi form login, lalu mengelilingi daftar komentar. Godaannya adalah menyalin card itu tiga kali, atau memberinya satu prop untuk setiap kemungkinan isi: title, photoUrl, formFields, comments.

Jalan keluarnya adalah komposisi: membangun sesuatu yang besar dengan menyarangkan bagian-bagian kecil di dalamnya, sehingga tiap bagian tetap tidak tahu-menahu soal bagian lain. Bingkai foto adalah gambaran yang pas. Bingkai punya satu tugas, yaitu memberi garis tepi pada apa pun yang ada di dalamnya, dan tugas itu dijalankan tanpa tahu dan tanpa peduli apakah yang dipegangnya sebuah foto, sebuah sertifikat, atau...