Apa Itu Custom Element?

Custom Element adalah konsep pengembangan web yang berkaitan dengan struktur, perilaku, komunikasi, atau performa aplikasi web dan perlu dipahami dalam konteks browser, server, kode, serta pengalaman pengguna. Secara operasional, Custom Element membantu memberi struktur pada pekerjaan yang berhubungan dengan arsitektur web, frontend, backend, browser, API, dan performa, terutama ketika hasil harus dapat diukur dan diulang.

Agar tidak menjadi istilah teoritis, tim dapat mendokumentasikan keputusan, baseline, dan perubahan yang dilakukan. Gunakan Core Web Vitals, response time dan error rate sebagai indikator, lalu periksa kembali apakah hasilnya benar-benar mendukung tujuan awal.

1. Untuk Custom Element, tentukan konteks penggunaan Custom Element dan keputusan apa yang perlu dibantu oleh istilah ini.
2. Identifikasi komponen yang terlibat, misalnya requirement, kode, dan source code.
3. Terapkan pada ruang lingkup yang jelas dan dokumentasikan asumsi agar tim memakai definisi yang sama.
4. Evaluasi dampaknya menggunakan indikator seperti Core Web Vitals dan response time.

• Menghubungkan pekerjaan teknis atau operasional dengan hasil yang dapat dipahami oleh pemilik bisnis.
• Membuat definisi dan ruang lingkup Custom Element lebih konsisten ketika digunakan oleh beberapa tim.
• Membuat hasil Custom Element dapat ditinjau bersama indikator seperti Core Web Vitals, response time, dan error rate.
• Mengurangi pekerjaan ulang akibat keputusan yang tidak terdokumentasi atau definisi yang berbeda.

Tim biasanya membutuhkan Custom Element ketika tim perlu menghubungkan frontend dengan API tanpa membuka data sensitif. Gunakan API contract untuk menyamakan konteks, data, dan keputusan yang akan diambil. Hasilnya dapat ditinjau melalui Core Web Vitals dan response time.

Misalnya, tim perlu menghubungkan frontend dengan API tanpa membuka data sensitif. Tim terlebih dahulu menetapkan baseline dan kriteria sukses, kemudian menggunakan Custom Element untuk satu bagian proses. Setelah data cukup, mereka meninjau error rate serta availability dan memasukkan keputusan lanjutan ke test case.

• Menerapkan Custom Element tanpa menjelaskan tujuan, baseline, dan keputusan apa yang akan dipengaruhi.
• Menerapkan aturan yang sama ke seluruh kasus meskipun konteks, audiens, atau batasannya berbeda.
• Menggunakan data yang periodenya, definisinya, atau sumbernya berbeda lalu membandingkannya seolah setara.
• Mengejar satu metrik sambil mengabaikan kualitas, biaya, pengalaman pengguna, atau risiko.