
TurboCoolStack обеспечивает твердую отправную точку в турборепо для строительства применений на разных платформах, интеграции электронов, React (CRA, Next.js), реагировать Native (Expo - IOS, Android) и Tailwind CSS для обработанного процесса разработки. Эта настройка спроектирована для тех, кто хочет эффективно разработать настольные, веб -приложения и мобильные приложения с постоянным качеством и оптимизированным рабочим процессом.
ВАЖНО : Одним из центральных особенностей TurboCoolStack является то, что почти все приложения используют общий источник компонентов React, расположенных в пакетах/пользовательском интерфейсе . Эта структура способствует однородности и эффективности в разработке. Кроме того, все рабочие пространства имеют общую конфигурацию CSS -конфигурации, обеспечивая постоянную систему проектирования на всех платформах.
Прежде чем приступить к настройке, убедитесь, что ваша среда разработки соответствует следующим требованиям. Этот проект был создан с конкретными версиями узла и пряжи, чтобы избежать проблем совместимости и использовать их последние функции. Вот версии, которые вам понадобятся:
Node.js : версия 18.
Пряжа : версия 4.
Используя те же версии, вы соответствуете оригинальной среде разработки проекта, минимизируя потенциальные проблемы, связанные с несоответствиями версий.
yarn install в корневой каталоге, чтобы получить все зависимости.Я предлагаю использовать пряжу для согласованности и эффективности в процессе разработки, хотя NPM остается альтернативой.
С зависимостью, вы можете погрузиться в разработку:
yarn dev в корневом каталоге, чтобы запустить проект в режиме разработки, в комплекте с горячей перезагрузкой для обновлений в реальном времени.yarn build в корневом каталоге, когда вы готовы скомпилировать готовый к производству пакет вашего приложения.Основное понимание React, Turborepo, Next.js, Expo и Electron улучшит ваш опыт разработки.
В режиме разработки различные компоненты приложения инициализируются автоматически.
Чтобы получить максимальную отдачу от TurbocoolStack, вам может быть полезно ознакомиться с документацией используемых технологий. Вот быстрые ссылки на официальную документацию:
В трубопроводе существуют постоянные улучшения и функции для повышения универсальности и эффективности турбокуластого . Вот несколько задач на дорожной карте:
Общие статические файлы между рабочими пространствами :
public папку каждой рабочей области. Я стремлюсь решить проблему для статических файлов, чтобы предотвратить избыточность и улучшить управление ресурсами. Дайте мне знать, если вы знаете, как справиться с этим? Создание packages/ui-native :
packages/ui-native и настроить NativeWind в нем. Это улучшение позволит app/native рабочей области делиться компонентами с packages/ui-native , оптимизируя процесс разработки на собственных платформах.Завершение этих задач будет значительно внести свой вклад в то, чтобы сделать турбокулак еще более эффективным и дружелюбным для разработчиков. Любые взносы или предложения для этих дел приветствуются!
Разработка на разных платформах и средах может иногда привести к неожиданным проблемам. Этот раздел направлен на решение некоторых общих проблем, с которыми вы можете столкнуться при работе с TurboCoolStack .
Проблема : разработчики могут испытывать сбой процесса сборки, специально для систем Windows, на этапе копирования файла в рабочем пространстве apps/electronBuilder . Операция неожиданно останавливается, указывая на ошибки, которые обычно связаны с инструкциями командной строки для копирования и удаления файлов.
Вероятно, причина : эта проблема часто возникает из -за несовместимости между определенными командами оболочки, используемыми в сценариях в package.json и интерпретатором командной строки Windows. Эти команды скрипта настроены для систем на основе UNIX и не выполняются, как и ожидалось в Windows.
Быстрое исправление :
package.json в рабочей области apps/electronBuilder . // Example modification in package.json (adjusting for Windows compatibility)
"scripts" : {
// Modified for Windows
"copy-main" : " xcopy .. \ electronMain \ dist dist-main \ /E /I /H /Y " ,
"copy-renderer" : " xcopy .. \ electronRenderer \ build dist-renderer \ /E /I /H /Y " ,
"copy" : " yarn copy-main && yarn copy-renderer " ,
"clear" : " rimraf dist " ,
"cleaning-up" : " rimraf dist-main && rimraf dist-renderer " ,
"clean" : " rimraf dist && rimraf dist-main && rimraf dist-renderer " ,
"build" : " yarn copy && electron-builder && yarn cleaning-up " ,
// Original Unix commands
"copy-main" : " cp -R ../electronMain/dist dist-main " ,
"copy-renderer" : " cp -R ../electronRenderer/build dist-renderer " ,
"copy" : " yarn copy-main && yarn copy-renderer " ,
"clear" : " rm -rf dist " ,
"cleaning-up" : " rm -rf dist-main && rm -rf dist-renderer " ,
"clean" : " rm -rf dist && rm -rf dist-main && rm -rf dist-renderer " ,
"build" : " yarn copy && electron-builder && yarn cleaning-up " ,
}Этот проект лицензирован в соответствии с условиями лицензии MIT и доступен бесплатно.
Не стесняйтесь использовать и изменить кодовую базу для ваших личных, компаний или образовательных целей. Атрибуция не требуется, но если вы обнаружите этот проект полезным, всегда ценится ссылка или кредит.
Если вы нашли TurboCoolStack полезным, подумайте о том, чтобы дать репозиторию звезду! Ваша поддержка побуждает меня продолжать делать этот проект еще лучше.
Светь репо здесь.
Спасибо за то, что вы являетесь частью этого путешествия!