Belt - Alat Baru untuk Memulai Aplikasi React Native

• Belt adalah alat CLI opinionated yang dirancang untuk menghilangkan tebak-tebakan saat memulai aplikasi React Native baru
• Alat ini mengambil banyak keputusan berdasarkan praktik terbaik dan tool yang telah teruji di dunia nyata selama bertahun-tahun
• Belt masih berada pada tahap awal pengembangan dan API-nya dapat berubah, tetapi mereka merasa alat ini sudah siap untuk ditinjau oleh komunitas

Apa saja yang dikonfigurasikan oleh Belt?

• Saat memulai aplikasi baru dengan Belt, berikut yang akan disiapkan:
  • Expo: menyederhanakan pengembangan dan pengujian lintas platform
  • ESLint & Prettier: menjaga kode tetap bersih dan konsisten
  • TypeScript: menambahkan pengetikan statis untuk membantu menangkap kesalahan lebih awal
  • Jest & React Native Testing Library: menyediakan fondasi yang kuat untuk pengujian aplikasi
  • MSW: menyederhanakan pengujian API dengan memalsukan permintaan jaringan
  • React Navigation dengan tab bawah: memungkinkan memulai navigasi dengan konfigurasi yang telah teruji
  • Tanstack Query untuk REST API: pengambilan data dan caching yang kuat untuk REST API. Apollo Client untuk GraphQL sedang dipersiapkan
  • Redux Toolkit untuk state global: akan segera hadir untuk menyederhanakan pengelolaan state di seluruh aplikasi
• Mereka juga berencana menyertakan serangkaian tool opsional yang dapat dimasukkan selama penyiapan proyek agar aplikasi yang dihasilkan lebih sesuai untuk kasus penggunaan tertentu
• Dengan begitu, Anda dapat menyesuaikan aplikasi dengan kebutuhan unik sejak awal

Cara menggunakan Belt

• Para developer punya tool favorit masing-masing, dan package manager bukan pengecualian
• Belt dirancang agar bekerja mulus dengan package manager pilihan seperti npm, Yarn, pnpm, dan Bun
• Fleksibilitas ini memungkinkan Anda tetap memakai alur kerja yang paling nyaman sambil mendapatkan manfaat dari penyiapan sederhana yang ditawarkan Belt
• Untuk membuat aplikasi React Native Expo dengan Belt, jalankan perintah berikut menggunakan package manager pilihan Anda:

# Menggunakan NPM  
npx create-belt-app MyApp  
  
# Menggunakan Yarn   
npx create-belt-app MyApp --yarn  
  
# Menggunakan pnpm (eksperimental)  
npx create-belt-app MyApp --pnpm  
  
# Menggunakan Bun (eksperimental)  
npx create-belt-app MyApp --bun  

• Saat Anda membuat proyek dengan Belt, alat ini menambahkan pegangan untuk memperluas kemampuan aplikasi dengan upaya minimal
• Misalnya, jika Anda ingin menambahkan fitur push notification, Belt menyederhanakan proses dengan menyuntikkan kode yang diperlukan agar aplikasi dapat menampilkan notifikasi
• Anda hanya perlu menangani konfigurasi di luar kode, seperti pengaturan layanan notifikasi. Contohnya seperti ini:

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

• Belt menyederhanakan dan menstandarkan proses memulai serta meningkatkan aplikasi React Native, sehingga Anda dapat fokus membangun aplikasi hebat tanpa tersiksa oleh penyiapan