VanJS で素のDOM操作をリファクタしてみた

VanJSを試してみたら開発体験が良かったので紹介します。 🍦 VanJSとは？ VanJSは、数ヶ月前にメジャーバージョンがリリースされた比較的新しいReactive UIフレームワークです。軽量、非依存、トランスパイル不要、シンプルなAPIという特徴があります。 gzip圧縮後で0.9kbと非常に軽量で、バンドルサイズの肥大化を気にすることなく手軽に導入できます。 他のUIフレームワークと比較しても圧倒的に軽量 UIもJSXを使わず、関数ベースのAPIで宣言的に構築できます。 VanJSの開発秘話はとても考えさせられるものだったので、機会があればぜひ読んでみてください。 🛠️ リファクタリング対象 Sky Follower BridgeというX(Twitter)のFollower一覧からBlueskyのユーザーを検索するChrome拡張を個人開発しています。今回はその拡張機能のco

[igrep]

なるほどね "今回の例のようなChrome Extensionのcontent scriptや、静的サイトのちょっとしたUIの実装などピンポイントでReactiveな動きを実現したい時には、とても良い選択肢になる"

[kvx]

alpinejsでもよかったりしないか。

[for-my-internet-demo]

ビルドチェーン追加したくない箇所で超久々にdomでインタラクション書いたら大変だったのでいいかも

[Fushihara]

domをリアクティブに書き換えるだけならいいけど、cssを追加しよう、スコープを加えようとすると地獄になるんだよな。元プロジェクト見るとcssスコープはあまり気にしてないみたいだけど。