Re-Natal 使用教程

Re-Natal 使用教程

re-natal Bootstrap ClojureScript React Native apps 项目地址: https://gitcode.com/gh_mirrors/re/re-natal

1. 项目介绍

Re-Natal 是一个基于 ClojureScript 的 React Native 应用构建工具。它通过自动化大部分设置过程，帮助开发者快速搭建能够运行在 iOS 和 Android 平台上的 React Native 应用。Re-Natal 支持 Reagent、re-frame、Om.Next 和 Rum 等多种 React 包装器，并且集成了 Figwheel 以支持热重载和实时编程。

2. 项目快速启动

首先，确保你已经安装了所有必要的依赖项。以下命令将在全局安装 Re-Natal CLI：

npm install -g re-natal

接下来，使用以下命令创建一个新的 React Native 项目：

re-natal init FutureApp

如果你需要指定一个特定的 React 包装器，可以使用 -i 选项：

re-natal init FutureApp -i reagent6

项目初始化完成后，会生成一个使用 Reagent v0.6 的项目结构。你可以根据需要修改配置文件。

启动 Figwheel 以便进行开发：

re-natal use-figwheel
lein figwheel ios   # 或者 lein figwheel android

然后，根据你的开发环境（iOS 模拟器、真实设备或 Android 设备），运行相应的命令来启动应用：

• iOS 模拟器：

re-natal use-ios-device simulator
react-native run-ios

• 真实 iOS 设备：

re-natal use-ios-device real
react-native run-ios

• Android 虚拟设备（AVD）：

re-natal use-android-device avd
react-native run-android

• Genymotion 模拟器：

re-natal use-android-device genymotion
react-native run-android

• 真实 Android 设备：

re-natal use-android-device real
adb reverse tcp:8081 tcp:8081
adb reverse tcp:3449 tcp:3449
react-native run-android

3. 应用案例和最佳实践

• 使用外部 React Native 组件：如果你需要使用 npm 安装的第三方库，你需要在 index.*.js 文件中添加依赖，以便 React Native Packager 能够识别并包含它们。

• 自动加载依赖：使用 re-natal enable-auto-require 命令可以自动扫描并生成包含所有必需模块的 index.*.js 文件。

• 同时开发 iOS 和 Android 应用：通过运行 re-natal use-figwheel 和 lein figwheel ios android 命令，你可以同时开发 iOS 和 Android 应用。

4. 典型生态项目

Re-Natal 作为 ClojureScript 社区的一部分，与以下项目相辅相成：

• Reagent：一个简单的 ClojureScript React 接口库。
• re-frame：一个 ClojureScript 的应用程序框架，建立在 Reagent 之上。
• Om.Next：一个 ClojureScript 的前端框架，用于构建动态的交互式应用程序。
• Rum：一个 ClojureScript 库，用于构建用户界面。

通过整合这些库，Re-Natal 为 ClojureScript 开发者提供了一个强大的 React Native 开发环境。

re-natal Bootstrap ClojureScript React Native apps 项目地址: https://gitcode.com/gh_mirrors/re/re-natal