TurboCoolStack
1.0.0
TurboCoolStack fournit un point de départ solide dans le turborepo pour créer des applications sur différentes plates-formes, intégrant l'électron, react (CRA, next.js), React Native (Expo - IOS, Android) et CSS de Tailwind pour un processus de développement rationalisé. Cette configuration est conçue pour ceux qui cherchent à développer efficacement des applications de bureau, Web et mobiles avec une qualité cohérente et un flux de travail rationalisé.
IMPORTANT : L'une des caractéristiques centrales de TurboCoolStack est que presque toutes les applications tirent parti d'une source commune de composants React situés dans les packages / interface utilisateur . Cette structure favorise l'uniformité et l'efficacité du développement. De plus, tous les espaces de travail partagent une configuration CSS commune à vent arrière, assurant un système de conception cohérent sur toutes les plates-formes.
Avant de poursuivre la configuration, assurez-vous que votre environnement de développement répond aux exigences suivantes. Ce projet a été créé avec des versions spécifiques du nœud et du fil pour éviter les problèmes de compatibilité et tirer parti de leurs dernières fonctionnalités. Voici les versions dont vous avez besoin:
Node.js : version 18.
FILLE : Version 4.
En utilisant les mêmes versions, vous vous alignez sur l'environnement de développement d'origine du projet, minimisant les problèmes potentiels liés aux écarts de version.
yarn install dans le répertoire racine pour récupérer toutes les dépendances.Je suggère d'utiliser du fil pour la cohérence et l'efficacité dans le processus de développement, bien que le NPM reste une alternative.
Avec les dépendances en place, vous pouvez plonger dans le développement:
yarn dev dans le répertoire racine pour lancer le projet en mode développement, avec un rechargement chaud pour les mises à jour en temps réel.yarn build dans le répertoire racine lorsque vous êtes prêt à compiler un package prêt pour la production de votre application.Une compréhension de base de React, Turborepo, Next.js, Expo et Electron améliorera votre expérience de développement.
En mode développement, divers composants de l'application initialisent automatiquement.
Pour tirer le meilleur parti de TurbocoolStack, vous pourriez trouver utile de vous familiariser avec la documentation des technologies utilisées. Voici les liens rapides vers la documentation officielle:
Il y a des améliorations et des caractéristiques continues dans le pipeline pour améliorer la polyvalence et l'efficacité de TurbocoolStack . Voici quelques tâches sur la feuille de route:
Fichiers statiques partagés entre les espaces de travail :
public de chaque espace de travail. Je vis à résoudre le problème des fichiers statiques afin d'éviter la redondance et d'améliorer la gestion des ressources. Faites-moi savoir si vous savez comment le gérer ?. Création de packages/ui-native :
packages/ui-native et de configurer Nativewind à l'intérieur. Cette amélioration permettra à l' app/native de partager des composants avec packages/ui-native , rationalisant le processus de développement sur les plateformes natives.L'achèvement de ces tâches contribuera de manière significative à rendre TurbocoolStack encore plus efficace et convivial. Toutes les contributions ou suggestions pour ces tâches sont les bienvenues!
Le développement de différentes plateformes et environnements peut parfois entraîner des problèmes inattendus. Cette section vise à résoudre certains des problèmes courants que vous pourriez rencontrer lorsque vous travaillez avec TurbocoolStack .
Problème : les développeurs peuvent subir une panne de processus de construction spécifiquement sur les systèmes Windows pendant l'étape de copie de fichiers dans l'espace de travail apps/electronBuilder . L'opération s'arrête de façon inattendue, indiquant des erreurs qui sont généralement liées aux instructions de ligne de commande pour copier et supprimer les fichiers.
Cause probable : ce problème se pose souvent en raison de l'incompatibilité entre certaines commandes de shell utilisées dans les scripts dans package.json et l'interprète de ligne de commande Windows. Ces commandes de script sont configurées pour les systèmes basés sur UNIX et ne s'exécutent pas comme prévu sur Windows.
Correction rapide :
package.json dans l'espace de travail 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 " ,
}Ce projet est sous licence en vertu des termes de la licence MIT et est disponible gratuitement.
N'hésitez pas à utiliser et à modifier la base de code à vos fins personnelles, d'entreprise ou d'éducation. L'attribution n'est pas requise, mais si vous trouvez ce projet utile, une référence ou un crédit est toujours apprécié.
Si vous avez trouvé TurboCoolStack utile, pensez à donner au référentiel une étoile! Votre soutien me motive à continuer à rendre ce projet encore meilleur.
Étaler le repo ici.
Merci d'avoir fait partie de ce voyage!
