React & TypeScript をDenoでバンドルする
クライアントサイドで完結する簡単な React アプリケーションなら create-react-app も Parcel もいらなくて、Deno だけでいける。
Deno なら(ほぼ)設定不要で TypeScript が書けて、型チェックが効き、バンドラーにもなる。
Deno の強みは何と言っても out of the box でサポートされているものの幅広さだ。リンターもフォーマッターも deno コマンドに同梱されているし、Deno 1.16 から JSX もサポートするようになった。
特別な設定なしで React アプリケーションの SSR も CSR もできる。
Deno をバンドラーとして使用した最小の React プロジェクトのサンプルを以下に作ってみた。
.tsx
ファイルを deno bundle
コマンドでバンドルできる。
このシンプルさはアツい。