Belt - un nouvel outil pour démarrer une app React Native

• Belt est un outil CLI opinionated conçu pour éliminer les approximations au moment de démarrer une nouvelle app React Native
• Il prend de nombreuses décisions à votre place en s'appuyant sur des bonnes pratiques et des outils éprouvés depuis longtemps en conditions réelles
• Belt en est encore à un stade précoce de développement et son API peut changer, mais l'équipe estime qu'il est prêt à être exploré par la communauté

Que configure Belt ?

• Lorsque vous démarrez une nouvelle app avec Belt, les éléments suivants sont configurés :
  • Expo : simplifie le développement et les tests multiplateformes
  • ESLint & Prettier : gardent le code propre et cohérent
  • TypeScript : ajoute du typage statique pour aider à détecter les erreurs tôt
  • Jest & React Native Testing Library : fournissent une base solide pour tester l'app
  • MSW : simplifie les tests d'API en simulant les requêtes réseau
  • React Navigation avec onglets inférieurs : permet de démarrer la navigation avec une configuration éprouvée
  • Tanstack Query pour les API REST : récupération et mise en cache robustes des données pour les API REST. Apollo Client pour GraphQL est en préparation
  • Redux Toolkit pour l'état global : sera bientôt disponible afin de simplifier la gestion de l'état à l'échelle de l'app
• Il est également prévu d'inclure un ensemble d'outils optionnels pouvant être intégrés pendant la configuration du projet pour mieux adapter l'app générée à des cas d'usage spécifiques
• Cela permet d'ajuster l'app à des besoins uniques dès le départ

Comment utiliser Belt

• Les développeurs ont leurs outils préférés, et les gestionnaires de paquets ne font pas exception
• Belt est conçu pour fonctionner de manière fluide avec le gestionnaire de paquets de votre choix, notamment npm, Yarn, pnpm et Bun
• Cette flexibilité vous permet de conserver le workflow qui vous convient le mieux tout en profitant de la configuration simplifiée proposée par Belt
• Pour créer une app React Native Expo avec Belt, il suffit d'exécuter la commande suivante avec votre gestionnaire de paquets préféré :

# Utiliser NPM  
npx create-belt-app MyApp  
  
# Utiliser Yarn   
npx create-belt-app MyApp --yarn  
  
# Utiliser pnpm (expérimental)  
npx create-belt-app MyApp --pnpm  
  
# Utiliser Bun (expérimental)  
npx create-belt-app MyApp --bun  

• Quand vous créez un projet avec Belt, il ajoute des points d'extension qui permettent d'élargir les fonctionnalités de l'app avec un minimum d'effort
• Par exemple, si vous souhaitez ajouter la prise en charge des notifications push, Belt simplifie le processus en injectant dans l'app le code nécessaire pour afficher des notifications
• Il ne vous reste plus qu'à gérer les réglages externes au code, comme la configuration du service de notifications. Par exemple :

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

• Belt simplifie et standardise le processus de démarrage et d'amélioration d'apps React Native, afin que vous puissiez vous concentrer sur la création d'excellentes apps sans souffrir de la configuration