React Playground

よくある質問

• このオンラインReactエディタは無料ですか？

  はい。コードの作成とプレビューは無料で、アカウントも要りません。無料アカウントでは、公開・非公開を問わず、プロジェクトを3つまで保存できます。独自ドメインには有料プランが必要で、AIチャットにはAIクレジットを使います。

• Reactのバージョンは？

  どのスターターもReact 18.3.1です。バージョンはpackage.jsonで決まります。

• 何もインストールせずに、Reactのコードをオンラインで実行できますか？

  はい。このプレイグラウンドはブラウザで動くReactのサンドボックスで、Reactのオンラインコンパイラとしても使えます。コンポーネントを書けば、入力に合わせてレンダリングされます。プロジェクトのセットアップは要りません。

• JSXとTypeScriptに対応していますか？

  はい。.jsxと.tsxのファイルはプレビューでコンパイルされます。ReactとTypeScriptのスターターなら、書くそばから型をチェックします。

• npmパッケージは使えますか？

  はい。パッケージをimportしてバージョンを選び、インストールボタンを押すか、パッケージパネルから追加してください。

• ホットリロードはありますか？

  入力に合わせてアプリは更新されますが、編集のたびに再読み込みされるため、stateはリセットされます。Fast Refreshにはまだ対応していません。

• Tailwind CSSやCSS Modulesは使えますか？

  Tailwind CSSはスターターに入っています。CSS Modulesは.module.cssファイルとして使えますが、.module.scssにはまだ対応していません。

• Next.jsやReact Nativeで開発できますか？

  いいえ。このプレイグラウンドは、ブラウザでReactを動かすものです。サーバーとデータベースのあるアプリなら、有料プランで、Playcode AIが作り、Playcode Cloudが動かします。

• .jsxファイルを開けますか？

  はい。Reactのスターターのファイルに貼り付けて、index.jsxからレンダリングしてください。

• プレイグラウンドを共有できますか？

  はい。ログインしてプロジェクトを保存します。「共有」タブで「リンクを知っている全員」を「閲覧可能」にして、リンクをコピーしてください。

• このプレイグラウンドはPlaycodeの一部ですか？

  はい。このプレイグラウンドは、Playcodeの無料コードツール「Playcode Classic」のひとつです。Playcodeは2016年、ブラウザで使えるコーディング環境として始まりました。現在は、ホームページやアプリを作り、動かすためのAIプラットフォームです。