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

results matching ""

    No results matching ""