ReactJS チュートリアル 1/x

ReactJS勉強メモ

ReactJS触る

準備

  • まずバージョンチェック
node --version
npm --version
  • 古杉
v8.10.0
3.5.2
  • npxも入っていなかったのでNodeのバージョン上げる
sudo npm i -g n
sudo n stable
  installing : node-v12.13.0
       mkdir : /usr/local/n/versions/node/12.13.0
       fetch : https://nodejs.org/dist/v12.13.0/node-v12.13.0-linux-x64.tar.gz
######################################################################## 100.0%
   installed : v12.13.0 (with npm 6.12.0)
  • ‘19/10/31時点最新stableに
v12.13.0
6.12.0
  • 空のプロジェクト作成
npx create-react-app my-app
  • サーバ起動

    • 他のとポートがぶつかるので.envで設定
PORT=3001
npm start

20191031173608

  • ソースコード配置する

データをProps経由で渡す

20191031173621