React + TypeScriptの最小設定を見てみよう
自己紹介
自分はReact + TypeScriptで
プロジェクト開始できるか
Create React Appを使わずに
ゼロから
調べないとわからない・・・
調べました
- 最小構成を目指しました
- バンドルするパターンを1つ（webpack）
- バンドルしないパターンを1つ（snowpack）
バンドルするパターン
- バンドルするのはおそらく一般的な構成、
使用したバンドラーはwebpack
（TSはJSへのコンパイルをするだけ。ブラウザはCommonJS=require()は使えない）
- tsconfigには、reactを扱うために2つの設定
（＋esnext系でコードを書く場合の設定1つ＝例えばes2015）
バンドルしないパターン
- バンドルしない場合、ESModule前提で構成する必要がある
- NPMライブラリをESModuleとして扱う仕組みが必要＝snowpackの利用
- 少し特殊な構成だが、srcの中身は普段どおりでOK
- TSコンパイルにBabelを利用（jsxファイルはscriptタグでは使えないので。Babelでコンパイルする場合tsconfigは不要。ただし型チェックをtscでする場合は必要）
Thank You
React + TypeScriptの最小設定を見てみよう
By Teruhisa Yamamoto
