# Taro

基于 React Navite （可使用React/Vue/Nerv），支持国内 小程序，h5，安卓，ios 应用。

Taro 的核心分为编译时（Compile Time）和运行时（Runtime）：
1. 编译时：利用 Babel/TypeScript 将源代码转换为各平台的合法指令。
2. 运行时：提供一套适配层，模拟浏览器的 DOM/BOM API，使得 Web
    框架（React/Vue）能直接运行在小程序环境。

## Develop

```
docker run --rm -it -w /app -v $(pwd):/app node:22 /bin/bash
npm install -g @tarojs/cli
taro init myApp

# 微信小程序
cd myApp
npm install
yarn add @tarojs/plugin-platform-h5


npm run dev:weapp
npm run build:weapp
npm run build:harmony-hybrid
npm run build:jd
npm run build:alipay
npm run build:h5


# react navite 打包ios，安卓app
npm install @tarojs/rn-runner
npm run dev:rn
npm run build:rn


```

项目结构：

 ├── config                 # 项目编译配置
 │   ├── dev.js             # 开发环境配置
 │   ├── index.js           # 默认配置
 │   └── prod.js            # 生产环境配置
 ├── src                    # 源码目录
 │   ├── pages              # 页面文件
 │   ├── app.config.ts      # 全局配置文件 (路由、窗口表现)
 │   └── app.ts             # 项目入口文件
 └── package.json


  4. 开发建议
   * 跨端差异处理：当需要针对特定平台编写代码时，可使用环境变量
     process.env.TARO_ENV（取值：weapp / h5 / rn 等）或使用 .weapp.js /
     .h5.js 这种特定后缀来实现条件编译。
   * UI 库推荐：
       * React 栈：Taro UI
       * Vue 栈：NutUI (京东风格) 或 Vant Weapp (需配置适配)

## Reference

- [docs.taro](https://docs.taro.zone/docs/react-native#%E7%AE%80%E4%BB%8B)