Mador - Make any DOM reactive with a tiny 80-line Proxy state tuple

Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple

Madorは、わずか80行のProxyベースの状態タプルで、既存のDOMをリアクティブにする超軽量ランタイムです。フレームワークを必要としない人向けに設計されており、コンポーネントや仮想DOM、テンプレートは一切不要。セレクタと更新関数、依存する状態を指定するだけで、DOM要素にリアクティブなバインディングを追加できます。状態の書き込みはバッチ処理され、DOM要素が消えるとバインディングも自動的にクリーンアップされます。ランタイムはminify後わずか855バイトで、npmやCDNからESモジュールとして利用可能。ビルドステップ不要で、既存のHTMLやJavaScriptに簡単に統合できます。

「フレームワークが必要ない、あるいは使いたくない人のためのものです。既存のDOMにリアクティブな状態をバインドする手段を提供します。」

この日のほかの記事

2026-09-06