Reactの初歩・はじめ方と書き出し

Reactの勉強でひとつサイトを作成したのですが、手順を忘れても見返せるようにサイトの作成までと書き出し方法のメモです。

作成したサイト

作成したサイトは数字を入力したら、その確率でいつ当たりを引けるか試せるサイトです。

Node.jsインストールします。インストールしてある場合は不要です。

今回はcreate-react-appを使用するので、create-react-appをインストールします。

これからのコードは全部ターミナルを使用します。

npm install -g create-react-app

作業したいディレクトリに移動して、

create-react-app 作成したいフォルダ名

でプロジェクトを作成。

作成し終わったら、そのフォルダに移動。

npm start

でブラウザ起動。localhost:3000にアクセスし表示されたら成功。

このあとはJSファイル等を編集し、サイトを作成します。

ローカルサイトでの作業が終わったら、

npm run build

でサーバーアップロード用ファイルを作成しFTP等でサーバーへアップロードすれば完了です。