React Playground

Частые вопросы

• Этот онлайн-редактор React бесплатный?

  Да. Писать код и смотреть превью можно бесплатно и без аккаунта. В бесплатном аккаунте можно сохранить до трёх проектов, публичных или приватных; для своего домена нужен платный тариф, а чат с ИИ расходует кредиты.

• Какая версия React здесь используется?

  React 18.3.1 во всех шаблонах. Версия берётся из package.json.

• Можно ли запустить код на React онлайн без установки?

  Да. Это песочница React прямо в браузере, и она работает как онлайн-компилятор React: напишите компонент, и он отрендерится по мере набора. Настраивать проект не нужно.

• Поддерживаются ли JSX и TypeScript?

  Да. Файлы .jsx и .tsx компилируются в превью; шаблон React и TypeScript проверяет типы по ходу написания.

• Можно ли использовать npm-пакеты?

  Да. Импортируйте пакет, выберите версию и установите его или добавьте пакет на панели npm-пакетов.

• Есть ли hot reload?

  Приложение обновляется по мере набора, но каждая правка его перезагружает, и состояние сбрасывается. 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 Classic – набор бесплатных инструментов Playcode для кода. Playcode начинался в 2016 году как среда для программирования в браузере. Сегодня это платформа с ИИ для создания и запуска сайтов и приложений.