Create React App で TypeScript を使用する

TypeScriptを有効にするには、プロジェクトを作成時にオプション --template typescript を指定します。

通常のプロジェクト
通常のプロジェクト
TypeScriptを有効にしたプロジェクト
TypeScriptを有効にしたプロジェクト

TypeScript 対応のプロジェクトを作成する方法

次のコマンドでプロジェクトを作成します。
npx create-react-app {アプリ名} --template typescript
または
yarn create react-app {アプリ名} --template typescript
TypeScript対応プロジェクトを作成している様子
TypeScript対応プロジェクトを作成している様子

その他のテンプレート

テンプレートは自作することができ、npm で様々なものが公開されています。今回使用しているテンプレートは Create React App の公式サイトで紹介されているものです。

検証環境