Belt - Công cụ mới để bắt đầu ứng dụng React Native

• Belt là một công cụ CLI mang tính định hướng, được thiết kế để loại bỏ việc phải phỏng đoán khi bắt đầu một ứng dụng React Native mới
• Công cụ này đưa ra nhiều quyết định dựa trên các thực tiễn tốt nhất và bộ công cụ đã được kiểm chứng lâu dài trong thực tế
• Belt vẫn đang ở giai đoạn phát triển ban đầu và API có thể thay đổi, nhưng nhóm phát triển cho rằng nó đã sẵn sàng để cộng đồng bắt đầu khám phá

Belt cấu hình những gì?

• Khi bắt đầu một ứng dụng mới với Belt, các thành phần sau sẽ được thiết lập:
  • Expo: đơn giản hóa việc phát triển và kiểm thử đa nền tảng
  • ESLint & Prettier: giữ mã sạch sẽ và nhất quán
  • TypeScript: bổ sung kiểu tĩnh để giúp phát hiện lỗi sớm
  • Jest & React Native Testing Library: cung cấp nền tảng vững chắc để kiểm thử ứng dụng
  • MSW: mô phỏng các yêu cầu mạng để đơn giản hóa việc kiểm thử API
  • React Navigation với tab dưới cùng: cho phép bắt đầu thiết lập điều hướng với cấu hình đã được kiểm chứng
  • Tanstack Query cho REST API: khả năng lấy dữ liệu và cache mạnh mẽ cho REST API. Apollo Client cho GraphQL đang được chuẩn bị
  • Redux Toolkit cho trạng thái toàn cục: dự kiến sẽ sớm được cung cấp để đơn giản hóa việc quản lý trạng thái trên toàn ứng dụng
• Ngoài ra, công cụ còn có kế hoạch bao gồm một bộ tùy chọn có thể được thêm vào trong quá trình thiết lập dự án để giúp ứng dụng được tạo ra phù hợp hơn với các trường hợp sử dụng cụ thể
• Nhờ đó, bạn có thể điều chỉnh ứng dụng theo các nhu cầu riêng ngay từ đầu

Cách sử dụng Belt

• Các nhà phát triển đều có công cụ ưa thích của riêng mình, và trình quản lý gói cũng không ngoại lệ
• Belt được thiết kế để hoạt động mượt mà với trình quản lý gói bạn ưa thích như npm, Yarn, pnpm, Bun
• Sự linh hoạt này cho phép bạn tận dụng lợi ích của thiết lập tinh gọn mà Belt cung cấp, đồng thời vẫn duy trì quy trình làm việc mà bạn thấy thoải mái nhất
• Để tạo một ứng dụng React Native Expo bằng Belt, chỉ cần chạy lệnh sau bằng trình quản lý gói bạn ưa thích:

# Dùng NPM  
npx create-belt-app MyApp  
  
# Dùng Yarn   
npx create-belt-app MyApp --yarn  
  
# Dùng pnpm (thử nghiệm)  
npx create-belt-app MyApp --pnpm  
  
# Dùng Bun (thử nghiệm)  
npx create-belt-app MyApp --bun  

• Khi tạo dự án bằng Belt, công cụ sẽ thêm các điểm mở rộng giúp bạn mở rộng tính năng của ứng dụng với rất ít công sức
• Ví dụ, nếu muốn thêm tính năng thông báo đẩy, Belt sẽ đơn giản hóa quy trình bằng cách chèn vào ứng dụng đoạn mã cần thiết để hiển thị thông báo
• Bạn chỉ cần xử lý các thiết lập bên ngoài phần mã, chẳng hạn như cấu hình dịch vụ thông báo. Ví dụ như sau:

# Dùng Yarn  
yarn belt add notifications  
  
# Dùng NPM  
npx belt add notifications  
  
# Dùng PNPM  
pnpm belt add notifications  

• Belt đơn giản hóa và chuẩn hóa quy trình bắt đầu và cải tiến ứng dụng React Native, để bạn có thể tập trung vào việc xây dựng những ứng dụng tuyệt vời thay vì vật lộn với khâu thiết lập