@xeajs/electron

Быстрое начало, инкрементальный подход, иммерсивный подход, высокая доступность, настраиваемость, модульность, семантика, разработка в один клик, упаковка в один клик.

Система архитектуры

Install

git clone https://github.com/xeajs/electron myapp

Кроссплатформенность

• exe Windows7, Window10 (x86, x64)
• app Darwin (Mac Os)
• deb Linux (Ubuntu)

Стек технологий

Ядро

Главный процесс — локальный серверный сервис

Процесс рендеринга — оконный интерфейс

CLI сборка

CLI эффективность, инструменты

Основные возможности

• Постоянное хранение данных на локальном диске: автоматическое обнаружение и создание каталогов и файлов на диске, встроенная база данных nedb, встроенная конфигурация с использованием mobx, встроенная система сбора журналов и их управления, расширяемость.
• Настраиваемая и готовая к использованию среда разработки и сборки: возможность перехода в режим разработки одним кликом, возможность сборки программного пакета одним кликом, автоматическая генерация номера версии сборки (Application Setup Version-BUILD_NUMBER.exe|app|deb), возможность горячей перезагрузки главного процесса, возможность горячей замены процесса рендеринга.
• Интеграция с Git: встроенные Git-хуки для запуска eslint и tslint при каждом коммите, встроенные скрипты для настройки сборки.
• Использование TypeScript: весь бизнес-код написан на TypeScript.
• Разделение кода на передний план и главный процесс: код переднего плана и главного процесса компилируется и используется отдельно.
• Встроенная поддержка VSCode: настройка проекта для использования с VSCode.
• Поддержка автоматического импорта: сортировка импорта с помощью плагина sort-imports.
• Компоненты antd: настройка темы.
• Реализация ленивой загрузки маршрутов: использование React.lazy и React.Suspense.
• styled-jsx: реализация CSS-стилей в JavaScript.

styled-jsx

• Режим CSS in JS.
• Фреймворк styled-jsx.
• Плагин для VSCode:
  • GitHub: https://github.com/Divlo/.
  • Плагин с подсветкой синтаксиса: divlo.vscode-styled-jsx-syntax.
  • Плагин с автодополнением: divlo.vscode-styled-jsx-languageserver.
• Примечание: при выводе стилей могут возникать ошибки, связанные с неправильным форматированием кода.
• См.: https://github.com/Grimones/vscode-styled-jsx-languageserver/issues/2.

Неправильное форматирование кода:

<style jsx>
  {`
      .app-style {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
      }
  `}
</style>

Правильное форматирование кода:

 <style jsx>{`
    .app-style {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff;
    }
`}</style>

TODO

• Issues.

CHANGELOG

• changelog.

Заключение

1. Добро пожаловать к обсуждению.
2. Приглашаем попробовать.
3. Будем рады вашим вопросам.
4. Спасибо за звёздочки.
5. Связаться с автором.