インターン先の課題でreact tutorial(公式)をやることになりました。初投稿なので至らない部分は大目に見ていただければ嬉しいです
npmコマンドが動く前提で話を進めます。npmって何?って方は
Macにnodebrew(node.js, npm)をインストールする手順
こちらでも読んで見てください。
react tutorialってどれ?
日本語版もありますが、僕は英語版をオススメします。
(どうしても英語ヤダという場合は日本語版でも良いと思います)
1, tutorialの進め方の選択
公式のreact tutorialでは、環境構築がされていてブラウザ上にコードを書けば良い、という大変親切な設計になっています。僕の場合は1周目をブラウザ上で、2周目をlocalでやるという形をとりました。ここに関してはどちらが良いとかいうことはなく、好きな方で良いと思います(あくまで個人の見解です)
2, 環境構築<<ブラウザ上で進める場合はこの部分は飛ばしてください>>
早速、適当なディレクトリに移動して
npm install -g create-react-app
をコマンドライン(僕はitermを使ってます)上で実行してみてください。
「-g」 はグローバル環境にinstallする際につけます。
続けざまに
create-react-app my-app
も実行してください。my-appのところは自分で好きに変更して大丈夫です。
すると、現在いるディレクトリの中にmy-appフォルダが出来ているのが分かります。
↓ lsコマンドでディレクトリの中身を表示した結果 ↓
ここまででひとまずの環境構築は終わりです。(もちろんこれだけではまだ何も動きませんが)
以後、このmy-appに対して変更を加えていきます。