CodeSandbox の構造

• src, public のフォルダ名は変更しない。

• public/index.html がブラウザに表示されている。

• public/index.html 内で src/index.js が読み込まれている。 (ブラウザで動く JavaScript にトランスコンパイルされた上で)

• src/index.js に JavaScript を普通に書けばいい。ここに最初の React App のコードを書いていく。

保存、フォーク、プロジェクト管理リスト、ブラウザのリロード

• 保存は command + S もしくはフロッピーディスクアイコンをクリック。

• Fork フォークは、既存のプロジェクトをコピーして、コピーしたところから別プロジェクトを始める。

• Fork を使ってサンプルコードを自分のプロジェクトとしてコピーできる。

• プロジェクト一覧は My Profile から見ることができる。

• CodeSandbox 内のブラウザだけをリロードすることもできる。

• ブラウザをリロードする際には、必ず保存をする。そうしないとコードが消えてしまう。

• コード的にはあっているのに、挙動がおかしい場合はリロードをする。