ram

RAM: React App Manager

БЕТА

Создать и запустить приложения React - нет командной строки или настройки сборки. Powered By Electron & Create React App

Начиная

ОЗУ требует Node.js V6 и NPM v5.2 или более позднего дня для установки на вашем компьютере. Установите последнюю версию Node.js (которая включает в себя NPM) здесь:

• Установите node.js

Скачать для macOS:

• Скачать

ОЗУ включает в себя поддержку следующих типов приложений:

• Создать приложение React
• Next.js
• Гэтсби
• Взломан
• Vue.js
• Предварительный

Чтобы добавить поддержку другого приложения, откройте запрос на вытяжку.

Мотивация

Я твердо верю в кодовую грамотность, и я работал со многими людьми на протяжении всей своей карьеры, которые обладают сильными навыками развития с такими языками, как HTML и CSS, но которые могут столкнуться с препятствиями для входа с современными инструментами развития. Когда я думаю о потенциальных барьерах для входа, на ум приходит несколько вещей:

1. Строительство полного приложения React (или аналогичного) требуется немного настройки
2. Интерфейсы терминала и командной строки могут сначала быть пугающими
3. Node.js и NPM могут быть иностранными понятиями для новых для фронтальных разработок

По большей части, приложение Create React решило #1 для людей, которые уже знают #2 и #3. Это отличный инструмент, и именно поэтому Ram использует его.

ОЗУ нацелен на абстрагирование аспектов терминала и NPM для начинающих. Если вы профессиональный фронт-разработчик, я бы порекомендовал использовать инструменты командной строки напрямую вместо такого приложения, так как это очень ценный и мощный набор навыков для использования. Если вы используете это приложение, мы надеемся, что оно может служить инструментом обучения и может сделать некоторые из этих вещей менее пугающими по мере продвижения.

Помните: GUI никогда не будут такими эффективными или мощными, как CLI

Как это работает

Все магии исходят из базовых интерфейсов командной строки: NPM и Create-React-APP. Это приложение использует электрон для порождения дочерних процессов, которые запускают команды для питания этих инструментов. Журналы от Stdio передаются обратно в приложение для отображения. См. Модули renderer/spawn.js и renderer/CreateForm.js для примера того, как это работает.

Альтернативные подходы

Некоторые альтернативы этой конкретной настройке электронов включают:

• Сервер работает непосредственно в электроне
• Использование Zeit/PKG с веб -интерфейсом

Предостережения

• Требуется node.js V6+ и NPM v5.2+
• Построен за несколько часов
• Нет тестов
• Не тестируется на Linux или Windows

Альтернативы

• Композитор ISO - аналогичный проект, направленный на решение аналогичной проблемы
• Используйте приложение Create React напрямую
• CodeSandbox отлично подходит для быстрых прототипов и демонстраций с общими URL -адресами
• Проект гуппи Джоша Комо

Дорожная карта

• Аннотация создать форму для более общей утилиты
• NPM Depencendy Management

Внося

1. Разветвляй это
2. Создайте филиал своей функции ( git checkout -b my-new-feature )
3. Совершить свои изменения ( git commit -am 'Add some feature' )
4. Толкайте к ветке ( git push origin my-new-feature )
5. Создать новый запрос на привлечение

Разработка

Установите зависимости и запустите приложение:

npm i && npm start

main папка содержит модули для основного процесса, а renderer включает в себя все файлы для процесса рендеринга. Не используется транспиляция вавилоны, поэтому обязательно используйте электронно-совместимые модули и синтаксис.

MIT Лицензия