创建一个通用的React应用：Expo与Next.js单repo实战

创建一个通用的React应用：Expo与Next.js单repo实战

expo-next-monorepo-example Create a universal React app using Expo and Next.js in a monorepo 项目地址: https://gitcode.com/gh_mirrors/ex/expo-next-monorepo-example

项目介绍

本项目由axeldelafosse提供，旨在展示如何在单一仓库（monorepo）中结合使用Expo和Next.js来创建一个跨平台的React应用程序。版本基于Expo SDK 43，支持Hermes引擎于iOS和Android上，集成Next.js 12，确保了无缝的Web支持。此外，项目融合了TypeScript、Babel配置以兼容Expo和Next.js环境，还包括Reanimated、React Native for Web等高级组件，构建出一套适用于多端开发的解决方案。

项目快速启动

要快速启动并运行此项目，你需要遵循以下步骤：

环境准备

确保你的系统已安装Node.js，并推荐使用pnpm作为包管理器。

步骤一：克隆项目

git clone https://github.com/axeldelafosse/expo-next-monorepo-example.git
cd expo-next-monorepo-example

步骤二：安装依赖

使用pnpm安装所有必要的依赖项：

pnpm install

步骤三：运行项目

对于本地开发，可以分别启动Expo应用服务以及任何需要的web服务。但请注意，若要通过EAS进行构建，需先设置Expo访问令牌作为GitHub actions的秘密变量。

启动 Expo 服务以便运行iOS与Android应用：

cd packages/expo
yarn start:expo

应用案例和最佳实践

• 共享代码基：项目展示了如何在iOS、Android和Web之间共享App代码。
• 定制开发客户端：通过示例了解如何搭建自定义的开发环境，提高开发效率。
• 错误监控：集成Sentry来实现应用级别的错误报告与监控。
• 环境配置：演示多环境下的配置管理，如区分生产与开发环境的配置方式。

典型生态项目

在开发过程中，你可以探索类似@byCedric的explore-monorepo-example，这个项目提供了EAS GitHub Actions的实例，适合希望进一步整合CI/CD流程的开发者。它不仅包含了基本的构建流程，还有裸模式(ejected)的工作流例子，是学习如何更深入地利用Expo生态进行持续集成和部署的宝贵资源。

---

以上步骤和说明为你提供了开始使用expo-next-monorepo-example的基础，让你能够迅速搭建设备间的通用React应用。记得调整和优化以适应自己项目的特定需求。

expo-next-monorepo-example Create a universal React app using Expo and Next.js in a monorepo 项目地址: https://gitcode.com/gh_mirrors/ex/expo-next-monorepo-example