インストール不要。ペライチHTMLでReact+TSX+Tailwind のフロントエンド一式を動かす

プロトタイピング向けにペライチで最低限のフロントエンドスタックを動かす方法について。 注意: 本番で使わないでください。tailwind は CDN モードで動かしているし、 esm.sh はスクリプトを動的にビルドするのでパフォーマンスは良くないです。 前提 jsconf.jp で色々なツールを使えばそれっぽいバンドルレス実現できる(けどパフォーマンスに難)という話を書きました。 具体的には NativeESM + importmaps + esm.sh 等の組み合わせます。 <script type="importmap"> - HTML: ハイパーテキストマークアップ言語 | MDN ESM>CDN これに、 esm.sh の v135 の新機能を使って tsx をバンドルするのを組み合わせる話です。 esm.sh/run 使い方は簡単。 <!-- esm.sh からランナーをロード

[yarumato]

“esm.sh はスクリプトを動的にビルドするのでパフォーマンスは良くない。開発環境もブラウザで完結させたい”

[sigeharucom]

静的なHTMLに組み込むなら vue.jsが便利だな（記事の趣旨とは違うけど）

[umai_bow]

この未来はやくきてほしい