Component
Component (Komponen) adalah unit antarmuka pengguna (UI) mandiri yang memiliki struktur, tampilan, dan logikanya sendiri. Di era pengembangan web modern, halaman website tidak ditulis sebagai satu file HTML raksasa, melainkan disusun dari susunan puluhan komponen kecil yang saling bekerja sama.
1. Analogi Mainan Lego
Bayangkan Anda ingin merakit kastil mainan dari blok LEGO:
Anda tidak mencetak seluruh kastil tersebut dari satu cetakan plastik besar utuh. Sebaliknya, kastil disusun dari bata-bata kecil, menara kecil, pintu gerbang, dan tangga. Masing-masing bagian ini adalah **Komponen**. Anda bisa memakai komponen jendela yang sama di lantai satu, lantai dua, atau bahkan melepasnya untuk membangun rumah mainan baru yang berbeda (Reusability).
2. Mengapa Arsitektur Berbasis Komponen Sangat Populer?
- Reusability (Gunakan Kembali): Cukup tulis logika dan desain tombol
<Button />satu kali, lalu panggil di berbagai halaman website. - Maintainability (Kemudahan Pemeliharaan): Jika warna tombol ingin diganti dari biru ke hijau, Anda cukup mengubahnya di satu file komponen tombol tersebut, dan perubahan akan terjadi otomatis di seluruh website.
- Encapsulation (Terisolasi): Logika tombol (misalnya efek loading saat diklik) tersimpan aman di dalam komponen tersebut dan tidak akan mengganggu logika halaman web lainnya.
?
Uji Pemahaman Mandiri
Apa keuntungan terbesar menggunakan arsitektur berbasis Component pada pengembangan frontend?
A. Menghilangkan kebutuhan untuk menggunakan bahasa JavaScript
B. Memudahkan pemeliharaan kode karena UI dibagi menjadi blok-blok kecil yang reusable
C. Membuat halaman web tidak membutuhkan server hosting
