Mador: un runtime reactivo para el DOM en menos de un kilobyte

Mador es un pequeño runtime reactivo para el DOM pensado para desarrolladores que no quieren adoptar un framework completo. Funciona como un módulo ES nativo y puede importarse desde npm o directamente desde una CDN sin paso de compilación ni variables globales. La API se reduce a dos funciones: r(), que crea un enlace entre un selector del DOM y un fragmento de estado, y w(), que modifica ese estado. Internamente, los enlaces rastrean qué propiedades leen y solo se vuelven a ejecutar cuando esas dependencias cambian. Las escrituras se agrupan en lotes y los bindings se asocian a los nodos del DOM que actualizan, de modo que cuando esos elementos desaparecen, Mador elimina automáticamente el runner reactivo correspondiente; no hay ciclo de vida de componentes que gestionar. El runtime pesa alrededor de 855 bytes en su versión minificada y se distribuye bajo licencia MIT. Sus casos de uso principales son páginas que ya tienen HTML y JavaScript y únicamente necesitan reactividad ligera, sin renunciar al DOM existente: no utiliza DOM virtual, ni plantillas, ni componentes, sino que enlaza estado a los elementos ya presentes en la página.