React+TypeScriptアプリの作り方

目的

React+TypeScriptのサンプルアプリを作って、そこでReact+TypeScriptアプリの書き方を練習したい。

環境情報

macOS Catalina 10.15.7

$ node -v
v16.3.0

$ npx create-react-app --version
4.0.3

node のバージョンは何にすればいい？

プロダクションアプリケーションでは、アクティブ LTS または メンテナンス LTS リリースのみを使用することがすすめられているけど、今は勉強に使うだけなので、最新版にする。(2021/6/19時点でv16.3.0)

インストール

$ npx create-react-app my-app --template typescript

Happy hacking! と表示されて完了。

実行する

Happy hacking! のメッセージの上にあった以下の手順で実行する。

$ cd my-app
$ npm start

ブラウザが開いてアプリが表示された。
表示されない時でも、実行ログに表示されているhttp://localhost:3000にアクセスすればOK。

感想

かんたん！

参考