TurboCoolStack
1.0.0
TurbocoolStack bietet einen soliden Ausgangspunkt innerhalb des Turborepo für den Bau von Anwendungen auf verschiedenen Plattformen, in der Elektronen, React (CRA, Next.JS), React Native (Expo - IOS, Android) und Rückenwind -CSS für einen optimierten Entwicklungsprozess integriert werden. Dieses Setup ist für diejenigen entwickelt, die effizient Desktop-, Web- und mobile Anwendungen mit konsistenter Qualität und einem optimierten Workflow entwickeln möchten.
Wichtig : Eines der zentralen Merkmale von Turbrocoolstack ist, dass fast alle Anwendungen eine gemeinsame Quelle von React -Komponenten in Paketen/UI nutzen. Diese Struktur fördert die Einheitlichkeit und Effizienz in der Entwicklung. Darüber hinaus teilen sich alle Arbeitsbereiche eine gemeinsame CSS -Konfiguration von Rückenwind, um ein konsistentes Designsystem für alle Plattformen zu gewährleisten.
Stellen Sie vor dem Setup sicher, dass Ihre Entwicklungsumgebung die folgenden Anforderungen entspricht. Dieses Projekt wurde mit bestimmten Versionen von Knoten und Garn erstellt, um Kompatibilitätsprobleme zu vermeiden und ihre neuesten Funktionen zu nutzen. Hier sind die Versionen, die Sie benötigen:
Node.js : Version 18.
Garn : Version 4.
Durch die Verwendung derselben Versionen stimmen Sie auf die ursprüngliche Entwicklungsumgebung des Projekts aus und minimieren potenzielle Probleme im Zusammenhang mit Versionen von Versionen.
yarn install im Stammverzeichnis aus, um alle Abhängigkeiten abzurufen.Ich schlage vor, Garn für Konsistenz und Effizienz des Entwicklungsprozesses zu verwenden, obwohl NPM eine Alternative bleibt.
Mit den vorhandenen Abhängigkeiten können Sie in die Entwicklung eintauchen:
yarn dev im Root-Verzeichnis aus, um das Projekt im Entwicklungsmodus zu starten, mit heißem Nachladen für Echtzeit-Updates.yarn build im Stammverzeichnis aus, wenn Sie bereit sind, ein produktionsbereites Paket Ihrer Anwendung zu erstellen.Ein grundlegendes Verständnis von React, Turborepo, Next.js, Expo und Electron erhöht Ihre Entwicklungserfahrung.
Im Entwicklungsmodus initialisieren verschiedene Komponenten der Anwendung automatisch.
Um das Beste aus Turbrocoolstack herauszuholen, ist es möglicherweise hilfreich, sich mit der Dokumentation der verwendeten Technologien vertraut zu machen. Hier sind die schnellen Links zur offiziellen Dokumentation:
In der Pipeline gibt es fortlaufende Verbesserungen und Merkmale, um die Vielseitigkeit und Effizienz von Turbrocoolstack zu verbessern. Hier sind einige Aufgaben auf der Roadmap:
Freigegebene statische Dateien zwischen Arbeitsbereichen :
public Ordner jedes Arbeitsbereichs eingeleitet werden. Ich möchte das Problem für statische Dateien lösen, um Redundanz zu verhindern und das Ressourcenmanagement zu verbessern. Lassen Sie mich wissen, wenn Sie wissen, wie Sie damit umgehen sollen? Erstellung von packages/ui-native Arbeitsbereich :
packages/ui-native und natives Wind zu konfigurieren. Diese Verbesserung ermöglicht es dem app/native Arbeitsbereich, Komponenten mit packages/ui-native Teilen zu teilen, wodurch der Entwicklungsprozess über native Plattformen hinweg rationalisiert wird.Das Erfüllen dieser Aufgaben wird erheblich dazu beitragen, Turbrocoolstack noch effizienter und Entwicklerfreundlichkeit zu gestalten. Alle Beiträge oder Vorschläge für diese Aufgaben sind willkommen!
Die Entwicklung verschiedener Plattformen und Umgebungen kann manchmal zu unerwarteten Problemen führen. Dieser Abschnitt zielt darauf ab, einige der häufigsten Probleme anzugehen, auf die Sie bei der Arbeit mit Turbrocoolstack begegnen können.
Problem : Entwickler können während der Dateikopierstufe in den apps/electronBuilder -Arbeitsbereich einen Build -Prozessfehler speziell unter Windows -Systemen erleben. Die Operation wird unerwartet gestoppt und gibt Fehler an, die normalerweise mit Befehlszeilenanweisungen zum Kopieren und Entfernen von Dateien zusammenhängen.
Wahrscheinliche Ursache : Dieses Problem ergibt sich häufig aufgrund der Inkompatibilität zwischen bestimmten Shell -Befehlen, die in Skripten innerhalb package.json und der Windows -Befehlszeile -Interpreter verwendet werden. Diese Skriptbefehle sind für UNIX-basierte Systeme eingerichtet und werden nicht wie erwartet unter Windows ausgeführt.
Schnelle Lösung :
package.json im apps/electronBuilder -Arbeitsbereich. // 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 " ,
}Dieses Projekt ist im Rahmen der MIT -Lizenz lizenziert und ist kostenlos verfügbar.
Nutzen und ändern Sie die Codebasis für Ihr persönliches, Unternehmen oder Bildungszweck. Die Zuordnung ist nicht erforderlich, aber wenn Sie dieses Projekt hilfreich finden, wird immer eine Referenz oder ein Kredit geschätzt.
Wenn Sie TurboCoolstack nützlich fanden, sollten Sie dem Repository einen Stern geben! Ihre Unterstützung motiviert mich, dieses Projekt weiterhin noch besser zu machen.
Sterne das Repo hier.
Vielen Dank, dass Sie Teil dieser Reise sind!
