13.7K ·GitHub
Что это такое?
CodeSandbox — это онлайн-IDE для быстрой веб-разработки: полноценная среда программирования, которая готова к работе мгновенно и запускается в браузере на любом устройстве, так что можно быстро начинать веб-проекты и делать прототипы без локальной настройки.
Это сайт, которым я пользуюсь, или программу, которую надо ставить на компьютер?
Это веб-приложение: вы работаете с ним в браузере на любом устройстве и ничего не устанавливаете. В этом репозитории лежит исходный код того самого веб-клиента.
С чего мне начать?
Откройте CodeSandbox в браузере и создайте новый проект — IDE готова сразу, а документация находится на сайте проекта. Чтобы работать над самим кодом клиента, склонируйте этот репозиторий и соберите его с помощью Node.js 16 и yarn.
Что мне нужно, чтобы запустить клиент локально и покопаться в его коде?
Node.js 16 (в репозитории зафиксировано ^16.0.0) и yarn: клиент представляет собой монорепозиторий на Lerna, поэтому пакеты устанавливаются и собираются из корня. Есть и Dockerfile, если удобнее запускать в контейнере.
Могу ли я поднять у себя полную копию платформы CodeSandbox из этого репозитория?
Нет — этот репозиторий содержит только клиент. CodeSandbox состоит из нескольких отдельных серверов, и лишь часть из них открыта: кроме этого веб-приложения существуют API-сервер на Phoenix, конфиги Nginx, Git Extractor и CLI — каждый в своём репозитории.
Насколько проект старый и популярный?
Проект на GitHub с декабря 2016 года, и у него около 13,6 тыс. звёзд — это давно живущая и широко используемая кодовая база, а не эксперимент на выходные.
Что я реально могу делать внутри сандбокса?
Создавать веб-приложения, экспериментировать с кодом, проверять идеи и легко делиться результатами — всё прямо в браузере, как сказано в описании самого проекта.
Насколько тяжело собрать клиент из исходников?
Довольно тяжело: production-сборка увеличивает кучу памяти Node до 4 ГБ, компилирует все пакеты монорепозитория через Lerna, а затем копирует ассеты.
What are similar projects?
razzle, todomvc, mitosis, blobatar, konva, ckeditor5, storybook, generator-jhipster
Which topics is it in?
prototyping, preact, code-editor, svelte, angular, ide, monorepo, editor, vue, cloud, web-app, web-development