TurboCoolStack
1.0.0
TurboCoolStackは、さまざまなプラットフォームにまたがるアプリケーションを構築するためのターボレポ内の固体の出発点を提供します。電子、React（CRA、NEXT.JS）、React Native（Expo -IOS、Android）、およびTailwind CSSの統合開発プロセスを提供します。このセットアップは、一貫した品質と合理化されたワークフローを備えたデスクトップ、Web、およびモバイルアプリケーションを効率的に開発しようとしている人向けに設計されています。
重要： TurboCoolstackの中心的な機能の1つは、ほとんどすべてのアプリケーションがパッケージ/UIにある反応コンポーネントの共通のソースを活用することです。この構造は、開発における均一性と効率を促進します。さらに、すべてのワークスペースが共通のTailwind CSS構成を共有し、すべてのプラットフォームで一貫した設計システムを確保します。
セットアップを進める前に、開発環境が次の要件を満たしていることを確認してください。このプロジェクトは、互換性の問題を回避し、最新の機能を活用するために、特定のバージョンのノードと糸で作成されました。必要なバージョンは次のとおりです。
node.js ：バージョン18。
糸：バージョン4。
同じバージョンを使用することにより、プロジェクトの元の開発環境と連携し、バージョンの不一致に関連する潜在的な問題を最小限に抑えます。
yarn installを実行して、すべての依存関係を取得します。NPMは依然として代替手段であるが、開発プロセスの一貫性と効率のためにYARNを使用することをお勧めします。
依存関係が整っていると、開発に飛び込むことができます。
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のより効率的で開発者に優しいものにすることに大きく貢献します。これらのTo-Dosへの貢献や提案は大歓迎です！
さまざまなプラットフォームや環境にわたって開発すると、予期せぬ問題につながる場合があります。このセクションは、 TurboCoolstackを使用する際に遭遇する可能性のある一般的な問題のいくつかに対処することを目的としています。
問題：開発者は、 apps/electronBuilderワークスペース内のファイルコピー段階で、特にWindows Systemsでビルドプロセス障害を発生する場合があります。操作は予期せず停止し、ファイルをコピーして削除するためのコマンドライン命令に通常関連するエラーを示します。
可能性のある原因：この問題は、 package.json内のスクリプトで使用されている特定のシェルコマンドとWindowsコマンドラインインタープレーターの間の非互換性のためにしばしば発生します。これらのスクリプトコマンドは、UNIXベースのシステム用に設定されており、Windowsで予想どおりに実行されません。
クイック修正：
apps/electronBuilderワークスペースで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が便利だと思ったら、リポジトリにスターを付けることを検討してください！あなたのサポートは、このプロジェクトをさらに改善し続けるように私を動機付けます。
ここでレポを主演します。
この旅に参加してくれてありがとう！
