// HACKER NEWS — CYBERSECURITY
Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple
It gives you reactive state and a way to bind that state to existing DOM.
Mador is a native ES module and can be used through npm or directly from a CDN.
There are no components, templates or virtual DOM.
Mador works with the DOM you already have.
update receives each element and the value returned by read.
Mador tracks the properties read by the binding and only reruns it when those dependencies change.
Writes are batched, so multiple changes made in the same write are processed together.
'Bindings' are associated with the DOM they update.
When the matching elements are gone, Mador can remove the corresponding reactive runner.
It already has HTML & Javascript, but is just needs a little reactivity.
The runtime is currently around 855 bytes minified.