爆速でReact(React.js)のプロジェクトを作成し、とりあえず動かす方法を書きます。

環境

Node.jsのインストール

公式サイトからダウンロードしたインストーラを実行してください。
本記事ではversion 14.16.1を入れました。

# npm 経由でyarnをインストール
npm install -g yarn
# yarnのバージョンを確認
yarn -v

プロジェクトを作りたいディレクトリに移動し、ターミナルで以下のコマンドを実行します。my-appは作成するプロジェクト名です。

yarn create react-app my-app
#プロジェクトディレクトリへ移動
cd my-app

こんな感じのファイルが出来てるかと思います。

プロジェクトディレクトリで以下のコマンドを実行します。

yarn start

yarn startでローカルサーバーが起動し、ブラウザで自動的にページが表示されるかと思います。もし表示されなければ、ブラウザから
http://localhost:3000/
にアクセスしてください。

ターミナルからCtrl+Cでサーバーを終了します。

yarn buildで公開用のファイル群がbuildディレクトリ直下に作成されます。

yarn build