增加 React Native 支持的 Taro 3.2.0 版本测试通告




  • Author: zhiqingchen
    Author GitHub: https://github.com/zhiqingchen

    相关资料链接

    1. 版本内容对应的RFC
    2. 3.2.0 canary 版本分支
    3. 壳工程分支
    4. 最新进展,可关注58开源

    新版本特性一览

    1. 更快的编译速度
      1. 基于全新的编译体系,启动速度提升1倍
    2. 更便捷的开发调试体验
      1. 去掉了 webpack 后,source-map 的支持更加简单,这对于开发体验是一个巨大的提升
    3. 更全面的API和组件
      1. 新增 38 个API
      2. 新增 7 个组件
    4. 更灵活的接入方式
      1. 支持 React Native 0.60 及以上版本,可自行定制,我们也将探索更多版本的支持
      2. API 和组件支持按需加载,未使用的原生依赖,无需安装
      3. 架构完全基于 React Native 生态,相关工具、组件等均可轻松接入
    5. 更稳定的源码
      1. 使用 TypeScript、ESlint、Jest,保证代码质量
      2. 欢迎社区贡献

    如何开始

    新仓库启动 bundler

    # 注意:@tarojs/cli 最新版本还未发布,体验版在标签 canary 下
    $ yarn global add @tarojs/cli@canary
    
    # 创建并初始化 Taro 项目,框架需选择 React
    $ taro init <projectName>
    
    # 进入初始化目录
    $ cd <projectName>
    
    # 设置环境变量DEVTAG,首次使用会安装体验版相关依赖,需要等待一段时间
    # 支持 --port 选项手动指定端口
    $ DEVTAG=@canary yarn dev:rn --port 8081
    
    # bundler 启动成功会显示如下信息
    # React-Native Dev server is running on port: 8081
    

    原3.x仓库启动 bundler

    # 将`package.json`中 tarojs 相关依赖版本改为 `^3.2.0-canary.1`
    # 特别注意 `@tarojs/taro-rn` `@tarojs/rn-runner` 可能被安装为 2.x 版本
    
    # 重新安装依赖
    $ yarn
    
    # 启动bundler
    $ yarn dev:rn --port 8081
    
    # bundler 启动成功会显示如下信息
    # React-Native Dev server is running on port: 8081
    

    低版本仓库

    请先参照升级指南,升级至 3.x 版本,再参照上述步骤

    启动APP

    新版本壳工程对应地址为 https://github.com/NervJS/taro-native-shell/tree/0.63.2

    # 下载壳工程
    $ git clone -b 0.63.2 git@github.com:NervJS/taro-native-shell.git
    
    # 安装依赖
    $ yarn
    
    # iOS 需要安装原生依赖
    $ npx pod-install
    
    # 构建并启动应用 
    $ yarn android -- --no-packager
    
    # 加载成功,可以看到 “Hello world”
    # 如 IP 或端口号不一致,需自行配置
    

    如果你有相关的疑问,欢迎留言。


登录后回复