Belt - Uma nova ferramenta para começar apps em React Native

• Belt é uma ferramenta de CLI opinionated projetada para eliminar adivinhações ao iniciar um novo app em React Native
• Ela toma muitas decisões com base em boas práticas e ferramentas comprovadas ao longo do tempo em produção
• Belt ainda está nos estágios iniciais de desenvolvimento e sua API pode mudar, mas eles acreditam que já está pronta para a comunidade explorar

O que o Belt configura?

• Ao iniciar um novo app com Belt, o seguinte é configurado:
  • Expo: simplifica o desenvolvimento e os testes entre plataformas
  • ESLint & Prettier: mantêm o código limpo e consistente
  • TypeScript: adiciona tipagem estática para ajudar a detectar erros mais cedo
  • Jest & React Native Testing Library: oferecem uma base sólida para testar o app
  • MSW: simula requisições de rede para simplificar testes de API
  • React Navigation com abas inferiores: permite começar a navegação com uma configuração validada
  • Tanstack Query para REST APIs: busca de dados e cache robustos para REST APIs. O Apollo Client para GraphQL está a caminho
  • Redux Toolkit para estado global: estará disponível em breve para simplificar o gerenciamento de estado em todo o app
• Também há planos de incluir um conjunto de ferramentas opcionais que podem ser incluídas durante a configuração do projeto para adaptar melhor o app gerado a casos de uso específicos
• Isso permitirá ajustar o app às suas necessidades específicas desde o início

Como usar o Belt

• Desenvolvedores têm suas ferramentas preferidas, e gerenciadores de pacotes não são exceção
• Belt foi projetado para funcionar perfeitamente com seu gerenciador de pacotes preferido, incluindo npm, Yarn, pnpm e Bun
• Essa flexibilidade permite seguir com o fluxo de trabalho com o qual você se sente mais confortável, enquanto aproveita a configuração simplificada oferecida pelo Belt
• Para criar um app React Native Expo com Belt, basta executar o seguinte usando seu gerenciador de pacotes preferido:

# Usando NPM  
npx create-belt-app MyApp  
  
# Usando Yarn   
npx create-belt-app MyApp --yarn  
  
# Usando pnpm (experimental)  
npx create-belt-app MyApp --pnpm  
  
# Usando Bun (experimental)  
npx create-belt-app MyApp --bun  

• Quando você cria um projeto com Belt, ele adiciona ganchos que permitem expandir as funcionalidades do app com esforço mínimo
• Por exemplo, se você quiser adicionar suporte a notificações push, Belt simplifica o processo injetando no app o código necessário para exibir notificações
• Você só precisa cuidar das configurações fora do código, como a configuração do serviço de notificações. Por exemplo:

# Usando Yarn  
yarn belt add notifications  
  
# Usando NPM  
npx belt add notifications  
  
# Usando PNPM  
pnpm belt add notifications  

• Belt simplifica e padroniza o processo de iniciar e evoluir apps React Native, para que você possa focar em criar ótimos apps sem sofrer com a configuração