Belt - React Nativeアプリを始めるための新しいツール

• Beltは、新しいReact Nativeアプリを始める際に推測を排除するよう設計された、opinionatedなCLIツール
• 長年にわたり実運用で検証されてきたベストプラクティスとツールに基づいて、多くの意思決定を行ってくれる
• Beltはまだ開発初期段階にあり、APIは変更される可能性があるが、コミュニティに見てもらう準備は整ったと考えている

Beltは何をセットアップしてくれるのか？

• Beltで新しいアプリを始めると、以下が設定される:
  • Expo: クロスプラットフォーム開発とテストを簡素化
  • ESLint & Prettier: コードをクリーンで一貫した状態に保つ
  • TypeScript: 静的型付けを追加し、初期段階でエラーを発見しやすくする
  • Jest & React Native Testing Library: アプリテストのための堅牢な基盤を提供
  • MSW: ネットワークリクエストをモックしてAPIテストを簡素化
  • React Navigation（下部タブ付き）: 実証済みの設定でナビゲーションを始められる
  • REST API向けTanstack Query: REST API向けの強力なデータフェッチとキャッシュ。GraphQL向けのApollo Clientも準備中
  • グローバル状態向けRedux Toolkit: アプリ全体の状態管理を簡素化するため、近日提供予定
• また、プロジェクト設定中に含められるオプションのツールセットも用意し、生成されたアプリを特定のユースケースにさらに適応させる計画
• これにより、最初から独自の要件に合わせてアプリを調整できる

Beltの使い方

• 開発者にはそれぞれ好みのツールがあり、パッケージマネージャーも例外ではない
• Beltは、npm、Yarn、pnpm、Bunなど、好みのパッケージマネージャーとシームレスに動作するよう設計されている
• この柔軟性により、Beltが提供する簡素化されたセットアップの利点を享受しつつ、最も慣れたワークフローを維持できる
• Beltを使ってReact Native Expoアプリを作成するには、好みのパッケージマネージャーで次を実行すればよい:

# NPM使用  
npx create-belt-app MyApp  
  
# Yarn使用   
npx create-belt-app MyApp --yarn  
  
# pnpm使用（実験的）  
npx create-belt-app MyApp --pnpm  
  
# Bun使用（実験的）  
npx create-belt-app MyApp --bun  

• Beltでプロジェクトを作成すると、最小限の労力でアプリの機能を拡張できる仕組みも追加される
• たとえばプッシュ通知機能を追加したい場合、Beltはアプリに通知を表示するために必要なコードを注入し、プロセスを簡素化する
• 通知サービスの設定など、コード外の構成だけを処理すればよい。たとえば次のとおり:

# Yarn使用  
yarn belt add notifications  
  
# NPM使用  
npx belt add notifications  
  
# PNPM使用  
pnpm belt add notifications  

• Beltは、React Nativeアプリを始めて改善していくプロセスを簡素化・標準化し、設定に悩まされることなく優れたアプリ作りに集中できるようにする