スポンサーリンク

React-チュートリアル

チュートリアルがわかりやすいかも

Reactの環境構築も終え、概要も何となくわかった。ここから学習のスタートなのだが、本家のサイトにチュートリアルがあったのでこれに沿って行っていく。

※Reactを学習したい人は「Reactチュートリアル」で学習してみてください。このブログはこのチュートリアルで感じたことや自分のメモを記述していきます。

プロジェクト作成

まずはプロジェクトmy-appを作成する。コマンドプロンプトを起動する。

ドキュメント配下にプロジェクトを作成するのは嫌なので、C\ドライブの直下にフォルダーReactAPPを作成し、ここに次のコマンドでプロジェクトmy-appを作成する。

npx create-react-app my-app

不要なファイルの削除

次に作成されたプロジェクトフォルダーmy-app内のフォルダーsrcの中を次のコマンドで全て削除しろとのこと。

del *

ファイル作成

空にになったフォルダーsrcに「index.css」、「index.js」ファイルを作成し指定のソースを貼り付ける。

ファイル構成はこんな感じ

実行してみる

ここまで出来たら指示通り次のコマンドでサーバーを起動する。

npm start

ブラウザが自動的に開きサイトが表示される。

このチュートリアルは三目並べで、ここまで無事にマス目が表示できた。うーん、チュートリアルわかりやすいかも。じっくりとコードを読んでいこう!

前へ<ーーー>つづく

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