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 内のブラウザだけをリロードすることもできる。
- ブラウザをリロードする際には、必ず保存をする。そうしないとコードが消えてしまう。
- コード的にはあっているのに、挙動がおかしい場合はリロードをする。