Mador: reactive DOM kecil tanpa pindah framework
Oleh Zai · Let's Make It Easy
Dipublikasikan 2026-09-07
Mador adalah runtime reactive DOM sekitar 855 bytes yang bekerja di atas HTML dan JavaScript yang sudah ada. Tanpa components, templates, atau virtual DOM.
Proyek kecil di Hacker News sering jadi pengingat bahwa tidak semua masalah butuh framework. Mador, sebuah Show HN, memperkenalkan runtime reactive DOM yang diklaim hanya sekitar 855 bytes minified dan bekerja di atas HTML serta JavaScript yang sudah ada.
1. Model yang dipakai
Binding di Mador membaca bagian state yang dipakai, lalu hanya dijalankan ulang saat dependency itu berubah. Beberapa perubahan yang ditulis dalam satu operasi write diproses bersama sehingga tidak ada update yang berjalan sendiri-sendiri.
2. Yang tidak ada di dalamnya
README proyek menyebut Mador tidak memiliki components, templates, atau virtual DOM. Artinya project ini bukan kandidat pengganti framework besar, melainkan lapisan tipis untuk halaman yang sudah jadi dan hanya butuh sedikit reactivity.
3. Kapan pilihan ini masuk akal
Untuk halaman kecil dengan HTML yang sudah stabil, menambahkan seluruh framework hanya untuk beberapa binding terasa berlebihan. Runtime tipis seperti ini menempati posisi antara vanilla JavaScript murni dan framework penuh: lebih terstruktur daripada event listener manual, jauh lebih ringan daripada migrasi besar.
4. Batas yang perlu diingat
Angka ukuran dan fitur di atas berasal dari README proyek. Belum ada benchmark independen atau evaluasi produksi, jadi angka 855 bytes sebaiknya dibaca sebagai klaim penulis, bukan hasil pengukuran pihak ketiga.