知らない状態は、知ってしまうと二度とは訪れない
筆者初期状態
- React聞いたことあるけど全く知らない
- TypeScript勉強中
Reactとは
A. ユーザーインターフェース作成時に使用すると便利なもの。ウェブ以外のユーザーインターフェース作成時にも使用できる。
今回の目的
TypeScript+Reactの環境構築
導入
実行環境
- OS:Windows 10
- 端末:Visual Studio Code(WSL:Ubuntu)
手順
TypeScript使用可能なReact用のプロジェクトフォルダを以下のコマンドで作る。
npx create-react-app react01 --template typescript
※npxコマンドが実行できない場合はnpmをインストールする。
セットアップ完了後、プロジェクトフォルダに移動してプロジェクト実行。
cd react01
npm start
こんな画面がブラウザで表示されたら成功。
成功していれば端末でCtrl+Cを押しプロジェクトの実行を終了させる。
次
参考文献
余談
[TypeScript React]でGoogle検索すると、1ページ目から完全初心者には理解不能なページがいっぱい出てきて怖い(2021/7時点)