JS Редактор: React JS TS

Пишите JavaScript, TypeScript и React на вашем Android телефоне. Настоящий редактор кода с живым предпросмотром, npm пакетами, многофайловыми проектами и одним касанием для публикации работы в интернете.

JavaScript Editor это мобильная среда разработки для веб-разработчиков, студентов и готовящихся к собеседованиям. Редактор, консоль и предпросмотр React работают на вашем устройстве.

ЧТО ВЫ МОЖЕТЕ ДЕЛАТЬ

• Пишите JavaScript и запускайте его с выводом в консоль — логи, предупреждения и ошибки.

• Пишите компоненты React с JSX и смотрите живой предпросмотр на устройстве.

• Пишите TypeScript и TSX с автоматически удаляемыми типами до запуска вашего кода.

• Разделяйте проект на несколько файлов и папок, и импортируйте между ними.

• Подключайте npm-пакеты с помощью обычного оператора import.

• Публикуйте проект по ссылке, которую можно открыть в любом браузере и отправить кому угодно.

• Открывайте и сохраняйте файлы .js, .jsx, .ts и .tsx в любом месте на вашем устройстве.

МНОГОФАЙЛОВЫЕ ПРОЕКТЫ

Реальные приложения — это не один файл. Добавляйте компоненты и папки, импортируйте между ними обычными относительными путями, и переключайте файлы в tab strip, созданном для экрана телефона. Ваш entry file монтируется автоматически при нажатии Run.

TYPESCRIPT

Включите TypeScript и пишите .ts и .tsx с interfaces, generics и типизированными props. Типы удаляются перед выполнением, поэтому ваш код запускается, как только вы нажимаете Run.

NPM ПАКЕТЫ

Импортируйте package по имени, и он будет разрешен при запуске. Без terminal, без install step, без config file. Подключите UI library, date helper или animation package и используйте сразу.

ОПУБЛИКОВАТЬ В СЕТЬ

Превратите любой проект в ссылку. Включены многофайловые импорты, npm packages и TypeScript, работающие точно как в приложении. Измените код и опубликуйте снова — ссылка останется прежней и покажет новую версию. Удалите страницу в любое время.

РЕДАКТОР КОДА

Подсветка синтаксиса, перенос слов, панель символов для пунктуации, панель быстрого доступа React hooks, поиск и замена, история отмены с большой глубиной. Моноширинный шрифт для малых экранов, настраиваемый размер шрифта и ширина отступа, набор темного оформления редактора.

JAVASCRIPT КОНСОЛЬ И ОТЛАДКА

Запускайте фрагменты, читайте консоль под редактором. Уровни log, info, warn, error с цветовой кодировкой, метки времени, очистка одним касанием. Ошибки видны на месте возникновения: найдите и исправьте проблемную строку.

REACT ПРЕВЬЮ

Нажмите Run, и компонент появится в панели предпросмотра под редактором. Редактируйте CSS одним касанием. Перейдите в полноэкранный режим для просмотра результата.

ГАЛЕРЕЯ ПРИМЕРОВ

Подборка примеров JavaScript и React — arrays и iteration, async и await, closures, classes, fetch, hooks, state, dynamic lists, forms и visual effects. Фильтруйте по JavaScript или React с помощью tab.

СОХРАНИТЬ, ОТКРЫТЬ И ЭКСПОРТИРОВАТЬ

Сохраняйте в приложение или на устройство через системный диалог. Открывайте существующие файлы прямо с телефона; расширение выбирает нужный режим. Экспортируйте проект как автономный HTML файл, который работает в любом браузере.

КОМУ ПОДОЙДЕТ

• Веб-разработчики, набрасывающие компонент без ноутбука

• Студенты, изучающие JavaScript, TypeScript, React или DOM

• Готовящиеся к собеседованиям, отрабатывающие алгоритмы на реальном JavaScript

• Кодеры-самоучки, проходящие туториалы на телефоне

• Любой, кто хочет мобильную JavaScript-песочницу, сохраняющую реальную работу

ПРО-ОБНОВЛЕНИЕ ДОСТУПНО

Редактор, консоль, React предпросмотр и галерея примеров доступны бесплатно. Pro-обновление убирает рекламу и открывает многофайловые проекты, TypeScript, публикацию, темы редактора, пользовательские сниппеты, поиск и замену, а также форматирование в одно касание.

ЯЗЫКИ

Доступно на 16 языках, включая английский, испанский, португальский, французский, немецкий, русский, хинди, бенгальский, индонезийский, турецкий, урду, арабский, сомалийский, китайский (упрощенный), японский и корейский.