Reactのプロジェクトを作る方法のメモ

Reactのプロジェクトを作るときの便利コマンドをとりあえずメモ

create react appで一式そろえることができるので、便利。

[参考：Create React App]
https://create-react-app.dev/docs/getting-started/

npmインストール済みの環境で「my-app」フォルダをプロジェクトする場合は以下のようにコマンドラインから入力する

$npx create-react-app my-app

my-appというフォルダができるので、移動する

$cd my-app

my-app以下には以下のフォルダとファイルができている。

index.jsがエントリポイントになるので、App.jsを編集していくことになる。

node_modules/    ←nodeのパッケージが配置される
package.json
public/　　　　　←公開用のコンテンツはこちらに出力される
src/　　　　　　←ソースフォルダ
    App.js        ←アプリケーション本体
    index.js 　　←エントリポイント

 

 サンプルがすでに出来上がっているので、以下のコマンドで起動できる

$npm start 

公開用のコンテンツの出力は以下で実行

$npm run build