Library Lit web components telah memicu perdebatan sengit di kalangan developer, dengan diskusi yang mengungkap baik pendukung yang bersemangat maupun kritikus vokal terhadap framework ringan yang menjanjikan penyederhanaan pengembangan web component.
Spesifikasi Library Lit:
- Ukuran bundle: ~5KB (diminifikasi dan dikompresi)
- Berdasarkan standar Web Components
- Mendukung properti reaktif dan template deklaratif
- Menggunakan Shadow DOM secara default untuk scoping style
- Kompatibel dengan TypeScript decorators (opsional)
Shadow DOM Menciptakan Tantangan Aksesibilitas
Salah satu kekhawatiran paling signifikan yang diangkat oleh developer berpusat pada dampak Shadow DOM terhadap fitur aksesibilitas. Sifat terbatas dari Shadow DOM merusak pola aksesibilitas tradisional, terutama mempengaruhi hubungan elemen yang bergantung pada referensi ID. Hal ini menciptakan masalah dengan atribut ARIA seperti describedby dan labelledby ketika elemen perlu mereferensikan komponen di seluruh batas shadow. Maintainer Lit mengakui keterbatasan ini, mencatat bahwa fungsionalitas target referensi ARIA untuk membuat referensi berbasis ID bekerja di seluruh shadow root masih hilang dari standar web.
Shadow DOM: Standar web yang merangkum gaya dan markup komponen, mencegahnya mempengaruhi atau dipengaruhi oleh bagian lain halaman.
Standar Web Mendatang yang Mengatasi Keterbatasan Lit:
- Sinyal JavaScript natif (proposal TC39)
- Registri elemen kustom terbatas (tersedia di Safari, Chrome selanjutnya)
- Shadow root yang dapat diberi gaya terbuka
- Modul CSS (tersedia di Chrome, akan hadir di Firefox)
- Target referensi ARIA untuk aksesibilitas lintas shadow DOM
Developer Mempertanyakan Kebutuhan Abstraksi Tambahan
Segmen developer yang berkembang berargumen bahwa standar web modern telah berkembang cukup untuk membuat library seperti Lit tidak diperlukan. Beberapa lebih memilih menulis vanilla web components secara langsung, mengutip manfaat menghindari dependensi framework dan siklus upgrade. Namun, pendukung membantah bahwa Lit menyediakan abstraksi berharga untuk pola umum seperti reactive properties dan declarative templates, mengurangi boilerplate code yang seharusnya perlu diimplementasikan developer sendiri.
Evolusi Framework Memicu Kontroversi
Kritikus telah menunjukkan bahwa Lit tampaknya mengikuti jalur serupa dengan React , secara bertahap menambahkan fitur seperti framework seperti context management dan aturan sintaks khusus. Evolusi ini telah menarik kritik dari mereka yang awalnya merangkul Lit karena kesederhanaannya. Perdebatan mengintensif ketika membahas template directives dan sintaks atribut khusus, dengan beberapa berargumen bahwa penambahan ini bertentangan dengan filosofi asli library untuk tetap dekat dengan standar web.
Template directives: Fungsi khusus dalam Lit yang menyediakan fungsionalitas yang ditingkatkan dalam template HTML, seperti conditional rendering atau class management.
Kisah Sukses Produksi Melawan Kritik
Meskipun ada kekhawatiran, Lit telah menemukan kesuksesan dalam aplikasi produksi besar. Library ini menggerakkan proyek signifikan termasuk Chrome DevTools , Firefox UI components, Photoshop untuk web, dan antarmuka Chrome OS . Implementasi ini menunjukkan bahwa Lit dapat menangani aplikasi dunia nyata yang kompleks secara efektif, memberikan bukti untuk viabilitasnya dalam lingkungan enterprise.
Proyek-Proyek Besar yang Menggunakan Lit:
- Chrome DevTools
- Komponen UI Firefox
- Photoshop for the web
- Chrome OS
- MDN ( Mozilla Developer Network )
- IBM Carbon Web Components
- Sistem desain Microsoft
Standar Masa Depan Mungkin Mengatasi Keterbatasan Saat Ini
Maintainer Lit mengungkapkan pekerjaan yang sedang berlangsung pada proposal yang dapat mengatasi banyak keterbatasan saat ini. Native signals dalam JavaScript dan reactive templating APIs sedang dikembangkan yang pada akhirnya dapat membuat library seperti Lit tidak diperlukan. Selain itu, standar web yang akan datang seperti scoped custom element registries dan open styleable shadow roots menjanjikan untuk menyelesaikan beberapa masalah interoperabilitas yang saat ini mengganggu web components.
Perdebatan seputar Lit mencerminkan ketegangan yang lebih luas dalam pengembangan web antara merangkul standar baru dan mempertahankan alur kerja pengembangan praktis. Sementara beberapa developer lebih memilih kontrol dan kesederhanaan pendekatan vanilla, yang lain menghargai keuntungan produktivitas yang dapat diberikan abstraksi yang dirancang dengan baik. Seiring standar web terus berkembang, peran library seperti Lit mungkin bergeser, tetapi untuk saat ini, mereka tetap menjadi alat penting bagi banyak tim pengembangan yang membangun aplikasi berbasis komponen.
Referensi: Lit