Alpine.js
ロジックをすべてHTMLの属性として直接書く、ミニマルなJavaScriptフレームワーク。約15 kB。2019年にCaleb Porzioが作り、本人は「JavaScript版Tailwind」と呼ぶ。
ドロップダウンは <div x-data="{ open: false }"> に x-on:click="open = !open" と x-show="open" を付けるだけで書ける。ビルド工程も、コンポーネントファイルも、仮想DOMもない。<head>にスクリプトを1本置き、15分で覚えられる数個のディレクティブを使うだけだ。インタラクションが数か所しか要らないサーバーレンダリングのサイトに向いており、そこにReactを持ち込むのは大げさな装置である。Laravel Livewireやhtmxと組み合わせることも多い。限界は状態が増えたときに見える。コンポーネント間で共有する状態や大規模なアプリケーションに対する良い答えを持たないので、そこが乗り換えの合図になる。