React & TypeScript をDenoでバンドルする

クライアントサイドで完結する簡単な React アプリケーションなら create-react-app も Parcel もいらなくて、Deno だけでいける。

Deno なら(ほぼ)設定不要で TypeScript が書けて、型チェックが効き、バンドラーにもなる。

Deno の強みは何と言っても out of the box でサポートされているものの幅広さだ。リンターもフォーマッターも deno コマンドに同梱されているし、Deno 1.16 から JSX もサポートするようになった。

特別な設定なしで React アプリケーションの SSRCSR もできる。

Deno をバンドラーとして使用した最小の React プロジェクトのサンプルを以下に作ってみた。

github.com

.tsx ファイルを deno bundle コマンドでバンドルできる。

このシンプルさはアツい。