TypescriptでReactの環境構築

TypescriptでReactの環境構築をまとめたいと思います。

プロジェクトの作成

create-react-appコマンドを使って、プロジェクトを作成します。
TypeScriptを使用するのでオプションで--template typescriptを加えます。
react-typescript-app というプロジェクトを作成しました。

$ npx create-react-app react-typescript-app --template typescript
$ cd react-typescript-app
$ yarn start

無事動作することが確認できました！

TypeScriptの環境構築

TypeScriptの設定などは下記を見て設定します。