Komponen bangunan

Komponen adalah elemen penyusun aplikasi web modern. Praktik terbaik apa yang harus Anda ikuti saat membangun komponen sendiri agar dapat bertahan dalam waktu lama? Komponen adalah elemen penyusun aplikasi web modern. Praktik terbaik apa yang harus Anda ikuti saat mem-build komponen sendiri agar dapat bertahan dalam pengujian waktu?

Ikon kode.

Elemen Kustom

Elemen kustom memungkinkan developer memperluas HTML dan membuat tag-nya sendiri. Karena elemen khusus merupakan berbasis standar, elemen tersebut mendapatkan manfaat dari model komponen bawaan Web. Hasilnya adalah kode yang lebih modular yang dapat digunakan kembali dalam berbagai konteks berbeda. Pelajari lebih lanjut
Ikon gaya Boder

DOM Bayangan

Shadow DOM adalah standar web yang menawarkan gaya komponen dan enkapsulasi markup. Ini adalah bagian yang sangat penting dari kisah Komponen Web karena memastikan bahwa komponen akan berfungsi di lingkungan apa pun meskipun CSS atau JavaScript lain terlibat di halaman. Pelajari lebih lanjut
Ikon Selesai.

Praktik Terbaik

Karena elemen kustom dan shadow DOM adalah primitif tingkat rendah, tidak selalu jelas cara terbaik untuk menggabungkannya untuk membuat komponen yang andal dan berfungsi dengan baik di berbagai lingkungan. Meskipun Anda benar-benar dapat melakukan apa saja dengan API ini, berikut ini beberapa praktik terbaik untuk membantu memastikan komponen Anda berfungsi dengan baik di mana saja. Pelajari lebih lanjut
Ikon Jelajahi.

Contoh

Komponen Petunjuk adalah kumpulan elemen yang menunjukkan praktik terbaik Elemen Kustom dan DOM Bayangan. Elemen ini tidak dimaksudkan untuk digunakan dalam produksi, tetapi disajikan sebagai alat bantu mengajar untuk membantu memetakan saran praktik terbaik ke penerapan yang sebenarnya. Pelajari lebih lanjut