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

栏目: 软件资讯 · 发布时间: 4年前

内容简介:作者:zhiqingchen 相关资料链接 版本内容对应的RFC 3.2.0 canary 版本分支 壳工程分支 最新进展,可关注58开源 新版本特性一览# 更快的编译速度 基于全新的编译体系,启动速度提升1倍 更便捷的开发调试体验 去掉...
作者: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 或端口号不一致,需自行配置

如果你有相关的疑问,点击链接参与讨论

Taro 文档 https://taro-docs.jd.com


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Node.js实战

Node.js实战

[美] Mike Cantelon、[美] TJ Holowaychuk、[美] Nathan Rajlich / 吴海星 / 人民邮电出版社 / 2014-5 / 69.00元

服务器端JavaScript?没错。Node.js是一个JavaScript服务器,支持可伸缩的高性能Web应用。借助异步I/O,这个服务器可以同时做很多事情,能满足聊天、游戏和实时统计等应用的需求。并且既然是JavaScript,那你就可以全栈使用一种语言。 本书向读者展示了如何构建产品级应用,对关键概念的介绍清晰明了,贴近实际的例子,涵盖从安装到部署的各个环节,是一部讲解与实践并重的优秀......一起来看看 《Node.js实战》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码