注目★★★★★Hacker News
Mador、855バイトで既存DOMをリアクティブ化
30秒で把握
- 1Madorが既存DOM向けリアクティブ状態ランタイムを公開
- 2約855バイトのES module・npmとCDNで導入可能
- 3コンポーネントやVirtual DOMなしで依存更新を実行
要約
Madorは、約855バイトに圧縮されたES moduleとして、既存DOMにリアクティブな状態をバインドする小規模ランタイムを公開した。Proxyベースの状態タプルで読み取り依存を追跡し、依存プロパティが変わったときだけ対象要素を更新する。コンポーネント、テンプレート、Virtual DOMを使わず、npmまたはCDNから導入できる。状態変更はバッチ処理され、対応するDOM要素が消えるとリアクティブ処理も削除できる。グローバルランタイムやビルド工程は不要で、MITライセンスで提供される。
あなたへの影響
フレームワークを使わず既存HTMLへ状態更新を追加したい日本のフロントエンド開発者は、次の小規模画面や試作でMadorの導入を検証できる。
推奨：ES moduleのため、既存のDOM構成と依存追跡の挙動を確認してから採用を判断したい。