Belt - una nueva herramienta para empezar una app de React Native

• Belt es una herramienta CLI opinionada diseñada para eliminar las conjeturas al iniciar una nueva app de React Native
• Toma muchas decisiones por ti basándose en herramientas y buenas prácticas probadas en producción durante mucho tiempo
• Belt todavía está en una etapa temprana de desarrollo y su API puede cambiar, pero creen que ya está listo para que la comunidad le eche un vistazo

¿Qué configura Belt?

• Al iniciar una nueva app con Belt, se configura lo siguiente:
  • Expo: simplifica el desarrollo y las pruebas multiplataforma
  • ESLint & Prettier: mantiene el código limpio y consistente
  • TypeScript: agrega tipado estático para ayudar a detectar errores desde temprano
  • Jest & React Native Testing Library: proporciona una base sólida para probar la app
  • MSW: simplifica las pruebas de API simulando solicitudes de red
  • React Navigation con pestañas inferiores: permite comenzar la navegación con una configuración probada
  • Tanstack Query para REST API: obtención y caché de datos robustas para APIs REST. Apollo Client para GraphQL está en camino
  • Redux Toolkit para estado global: estará disponible pronto para simplificar la gestión del estado en toda la app
• También planean incluir un conjunto de herramientas opcionales que podrán incorporarse durante la configuración del proyecto para adaptar mejor la app generada a casos de uso específicos
• Esto permite ajustar la app a necesidades particulares desde el inicio

Cómo usar Belt

• Los desarrolladores tienen sus herramientas preferidas, y los gestores de paquetes no son la excepción
• Belt está diseñado para funcionar sin problemas con tu gestor de paquetes preferido, como npm, Yarn, pnpm o Bun
• Gracias a esta flexibilidad, puedes mantener el flujo de trabajo con el que te sientas más cómodo mientras aprovechas la configuración simplificada que ofrece Belt
• Para crear una app React Native Expo con Belt, solo necesitas ejecutar lo siguiente con tu gestor de paquetes 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  

• Cuando creas un proyecto con Belt, agrega puntos de extensión para ampliar las capacidades de la app con un esfuerzo mínimo
• Por ejemplo, si quieres agregar soporte para notificaciones push, Belt simplifica el proceso inyectando el código necesario para mostrar notificaciones en la app
• Solo necesitas encargarte de la configuración fuera del código, como la del servicio de notificaciones. Por ejemplo:

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

• Belt simplifica y estandariza el proceso de iniciar y mejorar apps de React Native, para que puedas enfocarte en crear apps geniales en lugar de sufrir con la configuración