TurboCoolStack
1.0.0
O TurbocOolStack fornece um sólido ponto de partida no turborepo para criar aplicações em diferentes plataformas, integrando o elétron, o React (CRA, Next.js), reage nativo (expo - iOS, Android) e CSS para um processo de cauda para um processo de desenvolvimento simplinado. Essa configuração é projetada para quem procura desenvolver com eficiência aplicativos de desktop, web e móveis com qualidade consistente e um fluxo de trabalho simplificado.
IMPORTANTE : Uma das características centrais do TurbocoolStack é que quase todas as aplicações aproveitam uma fonte comum de componentes do React localizados em pacotes/interface do usuário . Essa estrutura promove uniformidade e eficiência no desenvolvimento. Além disso, todos os espaços de trabalho compartilham uma configuração de CSS de Tailwind Common, garantindo um sistema de design consistente em todas as plataformas.
Antes de prosseguir com a configuração, verifique se o seu ambiente de desenvolvimento atende aos seguintes requisitos. Este projeto foi criado com versões específicas de nó e fios para evitar problemas de compatibilidade e aproveitar seus recursos mais recentes. Aqui estão as versões que você precisa:
Node.js : Versão 18.
YARN : Versão 4.
Ao usar as mesmas versões, você está se alinhando ao ambiente de desenvolvimento original do projeto, minimizando possíveis problemas relacionados às discrepâncias da versão.
yarn install no diretório raiz para buscar todas as dependências.Sugiro usar o fio para consistência e eficiência no processo de desenvolvimento, embora o NPM continue sendo uma alternativa.
Com as dependências em vigor, você pode mergulhar no desenvolvimento:
yarn dev no diretório raiz para lançar o projeto no modo de desenvolvimento, completo com recarregamento a quente para atualizações em tempo real.yarn build no diretório raiz quando estiver pronto para compilar um pacote pronto para produção do seu aplicativo.Um entendimento básico do React, Turborepo, Next.js, Expo e Electron aprimorará sua experiência de desenvolvimento.
No modo de desenvolvimento, vários componentes do aplicativo inicializam automaticamente.
Para tirar o máximo proveito do TurbocoolStack, você pode achar útil se familiarizar com a documentação das tecnologias usadas. Aqui estão os links rápidos para a documentação oficial:
Existem melhorias e recursos contínuos no pipeline para melhorar a versatilidade e a eficiência do TurbocOolStack . Aqui estão algumas tarefas no roteiro:
Arquivos estáticos compartilhados entre os espaços de trabalho :
public de cada espaço de trabalho. Estou com o objetivo de resolver o problema de arquivos estáticos para evitar redundância e melhorar o gerenciamento de recursos. Deixe -me saber se você souber como lidar com isso? Criação de packages/ui-native :
packages/ui-native e configurar o NativeWind dentro dele. Esse aprimoramento permitirá que o espaço de trabalho app/native compartilhe componentes com packages/ui-native , simplificando o processo de desenvolvimento em plataformas nativas.A conclusão dessas tarefas contribuirá significativamente para tornar o TurbocOolStack ainda mais eficiente e amigável ao desenvolvedor. Quaisquer contribuições ou sugestões para essas tarefas são bem-vindas!
O desenvolvimento de diferentes plataformas e ambientes às vezes pode levar a problemas inesperados. Esta seção tem como objetivo abordar alguns dos problemas comuns que você pode encontrar ao trabalhar com o TurbocoolStack .
Problema : os desenvolvedores podem experimentar uma falha no processo de construção especificamente nos sistemas Windows durante o estágio de cópia de arquivos no espaço de trabalho apps/electronBuilder . A operação interrompe inesperadamente, indicando erros que normalmente estão relacionados às instruções da linha de comando para copiar e remover arquivos.
Causa provável : esse problema geralmente surge devido à incompatibilidade entre certos comandos do shell usados nos scripts no package.json e no intérprete da linha de comando do Windows. Esses comandos de script são configurados para sistemas baseados em UNIX e não são executados conforme o esperado no Windows.
Correção rápida :
package.json no espaço de trabalho 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 " ,
}Este projeto está licenciado nos termos da licença do MIT e está disponível gratuitamente.
Sinta -se à vontade para usar e modificar a base de código para seus fins pessoais, de empresa ou educacional. A atribuição não é necessária, mas se você achar útil esse projeto, uma referência ou crédito sempre é apreciado.
Se você achou útil o turbocoolstack , considere dar ao repositório uma estrela! Seu apoio me motiva a continuar tornando este projeto ainda melhor.
Estrela o repo aqui.
Obrigado por fazer parte desta jornada!
