Reactローカル環境をチュートリアル見てやってみた

sandboxを使用することもできるんだけど、環境構築もやってみたいということでやってみた。

https://react.dev/learn/tutorial-tic-tac-toe#making-an-interactive-component

1 Node.jsをインストールする

こちらはインストールしてあったので省略させていただきます。

2先ほど開いた [CodeSandbox] タブで、左上隅のボタンを押してメニューを開き、そのメニューで[ファイル] > [ZIP にエクスポート]を選択して、ファイルのアーカイブをローカルにダウンロードします。

こんな感じで出るのでローカルに落とす。

3アーカイブを解凍し、ターミナルを開いてcd解凍したディレクトリに移動します。

私の場合は管理しやすいよう、githubでローカリリポジトリを作成し、クローンしてから中身だけを貼り付けました。

4あとはほんと指示通りコマンドうつ

依存関係をインストールします npm install。
実行してnpm startローカル サーバーを起動し、プロンプトに従ってブラウザで実行されているコードを表示します。

実行結果画面

自然とブラウザが立ち上がります。