TurboCoolStack
1.0.0
TurboCoolstack은 Turborepo 내에서 다양한 플랫폼에 걸쳐 응용 프로그램을 구축하기 위해 견고한 출발점을 제공합니다. 전자, React (CRA, Next.js), React Native (Expo -iOS, Android) 및 Tailwind CSS를 통합하여 간소화 된 개발 프로세스를 제공합니다. 이 설정은 일관된 품질과 간소화 된 워크 플로를 사용하여 데스크탑, 웹 및 모바일 애플리케이션을 효율적으로 개발하려는 사람들을 위해 설계되었습니다.
중요 : TurboCoolStack 의 중심 특징 중 하나는 거의 모든 응용 프로그램이 패키지/UI 에있는 공통 반응 구성 요소를 활용한다는 것입니다. 이 구조는 개발의 균일 성과 효율성을 촉진합니다. 또한 모든 작업 공간은 공통 테일 윈드 CSS 구성을 공유하여 모든 플랫폼에서 일관된 설계 시스템을 보장합니다.
설정을 진행하기 전에 개발 환경이 다음 요구 사항을 충족하는지 확인하십시오. 이 프로젝트는 호환성 문제를 피하고 최신 기능을 활용하기 위해 특정 버전의 노드 및 원사로 만들어졌습니다. 필요한 버전은 다음과 같습니다.
node.js : 버전 18.
원사 : 버전 4.
동일한 버전을 사용하면 프로젝트의 원래 개발 환경에 맞춰 버전 불일치와 관련된 잠재적 문제를 최소화합니다.
yarn install 실행하여 모든 종속성을 가져옵니다.NPM은 대안으로 남아 있지만 개발 프로세스의 일관성과 효율성을 위해 원사를 사용하는 것이 좋습니다.
의존성이 제자리에 있으면 개발에 뛰어들 수 있습니다.
yarn dev 실행하여 개발 모드에서 프로젝트를 시작하고 실시간 업데이트를 위해 핫 재 장전으로 완료하십시오.yarn build 실행하십시오.React, Turborepo, Next.js, Expo 및 Electron에 대한 기본적인 이해는 개발 경험을 향상시킬 것입니다.
개발 모드에서 응용 프로그램의 다양한 구성 요소가 자동으로 초기화됩니다.
TurboCoolStack을 최대한 활용하려면 사용 된 기술의 문서에 익숙해지는 것이 도움이 될 수 있습니다. 공식 문서에 대한 빠른 링크는 다음과 같습니다.
파이프 라인에는 Turbocoolstack 의 다양성과 효율성을 향상시키기 위해 지속적인 개선 및 기능이 있습니다. 로드맵의 몇 가지 작업은 다음과 같습니다.
작업 공간간에 정적 파일 공유 :
public 폴더에 복제해야합니다. 나는 중복성을 방지하고 자원 관리를 향상시키기 위해 정적 파일의 문제를 해결하고자합니다. 처리 방법을 알고 있으면 알려주세요. packages/ui-native 작업 공간 :
packages/ui-native 라는 새 작업 공간을 설정하고 그 안에 네이티브 윈드를 구성하는 것입니다. 이 향상을 통해 app/native 작업 공간은 구성 요소가 packages/ui-native 와 공유하여 기본 플랫폼에서 개발 프로세스를 간소화 할 수 있습니다.이러한 작업을 완료하면 TurboCoolStack을 더욱 효율적이고 개발자 친화적으로 만드는 데 크게 기여할 수 있습니다. 이러한 할 일에 대한 기여 또는 제안을 환영합니다!
다른 플랫폼과 환경에서 발전하면 때때로 예기치 않은 문제로 이어질 수 있습니다. 이 섹션에서는 TurboCoolStack 과 함께 작업 할 때 발생할 수있는 일반적인 문제 중 일부를 해결하는 것을 목표로합니다.
문제 : 개발자는 apps/electronBuilder Workspace 내의 파일 복사 단계에서 Windows 시스템에서 구체적으로 빌드 프로세스 고장을 경험할 수 있습니다. 작업은 예기치 않게 중지되어 파일을 복사하고 제거하기위한 명령 줄 지침과 일반적으로 관련된 오류를 나타냅니다.
원인 :이 문제는 종종 package.json 내의 스크립트에 사용되는 특정 쉘 명령과 Windows Command Line Interpreter 사이의 비 호환성으로 인해 발생합니다. 이 스크립트 명령은 UNIX 기반 시스템 용으로 설정되며 Windows에서 예상대로 실행되지 않습니다.
빠른 수정 :
apps/electronBuilder Workspace에서 package.json 파일을 엽니 다. // 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이 유용하다고 생각되면 저장소에 별을주는 것이 좋습니다! 귀하의 지원은이 프로젝트를 계속 개선하게하도록 동기를 부여합니다.
여기에 저장소를 별표하십시오.
이 여정에 참여해 주셔서 감사합니다!
