Belt CLI 使用教程

1. 项目介绍

Belt 是一个用于启动新 React Native Expo 应用的命令行界面（CLI）工具。它基于 thoughtbot 团队多年开发经验，采用了一系列经过实战检验的工具和约定，以帮助开发者快速搭建出结构良好的应用。Belt 内置了对 Expo、ESLint、Prettier、TypeScript、Jest、React Native Testing Library 等工具的支持，并提供了 React Navigation 和底部的标签导航等功能。

2. 项目快速启动

安装 CLI

首先，你需要安装 Belt CLI。可以使用以下命令之一：

# 使用 NPM
npx create-belt-app 我的App

# 使用 Yarn
npx create-belt-app 我的App --yarn

# 使用 PNPM (实验性)
npx create-belt-app 我的App --pnpm

# 使用 Bun (实验性)
npx create-belt-app 我的App --bun

启动开发服务器

安装完成后，进入项目目录，并启动开发服务器：

cd 我的App
yarn start

或者在 NPM 环境中：

cd 我的App
npm start

添加 TypeScript 支持

如果你想为项目添加 TypeScript 支持，可以使用以下命令：

# 使用 Yarn
yarn belt add notifications

# 使用 NPM
npx belt add notifications

# 使用 PNPM
pnpm belt add notifications

3. 应用案例和最佳实践

在使用 Belt CLI 创建的项目中，你可以遵循以下最佳实践：

• 代码风格和一致性：利用 ESLint 和 Prettier 确保代码风格的一致性。
• 测试：使用 Jest 和 React Native Testing Library 进行单元测试和组件测试。
• 状态管理：项目结构预设了 Redux Toolkit 的集成，便于进行全局状态管理。
• API 集成：通过 Tanstack Query 集成 REST API，同时 Apollo Client 将支持 GraphQL。

4. 典型生态项目

Belt CLI 的生态系统中，以下是一些常用的项目和工具：

• Expo：用于创建和部署 React Native 应用。
• ESLint：用于识别和报告代码中的模式匹配问题。
• Prettier：用于代码格式化，保持代码风格的一致性。
• TypeScript：为 JavaScript 提供类型系统，增加代码的可维护性。
• Jest：用于编写和运行测试。
• React Native Testing Library：用于测试 React Native 组件。
• MSW：用于模拟服务端响应。
• React Navigation：用于在应用中实现导航。
• Tanstack Query：用于数据获取和缓存。
• Redux Toolkit：用于简化 Redux 的使用。

通过以上介绍和教程，你可以快速上手 Belt CLI，并构建高质量的 React Native 应用。