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?
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
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
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
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
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2017-08-14 UTC."],[],[]]