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

Javascript

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

作成したサイト

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

その確率を?回でゲット!
入力した確率を何回で引けるかチャレンジできます。

事前準備(初回のみ)

Node.js

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

Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

create-react-app

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

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

npm install -g create-react-app

プロジェクトの作成(作業ごと)

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

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

でプロジェクトを作成。

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

npm start

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

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

書き出し

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

npm run build

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

コメント

タイトルとURLをコピーしました