Taro + React Native 开发 App

所属专题:跨端技术

嘉宾 : 陈志庆 | 58同城前端架构师

会议室 : 宴会厅3

讲师介绍

专题演讲嘉宾:陈志庆

58同城前端架构师

58同城前端架构师,技术委员会前端通道委员,房产事业群新房前端技术部负责人。58集团内部小程序全端跨平台开发解决方案(MPS)负责人,推动集团内部小程序跨平台开发和跨团队协作方案的统一。Taro 开源项目核心贡献者,负责 Taro 3 React Native 支持的开源。在跨平台技术方向有 4 年多的技术积累。

议题介绍

地点:宴会厅3
所属专题:跨端技术

演讲:Taro + React Native 开发 App

Taro 3 支持使用 React Native 开发 App 的方案,由58同城与京东凹凸实验室合作完成,于 2021 年 4 月发布正式版本,旨在帮助前端工程师快速构建 App,或将现有的小程序业务迁移到独立的App中。

业务场景中经常有相同的功能,需要同时支持小程序、H5、App。若采用不同的技术栈进行开发,则成本太高;若统一采用 H5,则在小程序与 App 上的体验较差。Taro 在兼顾各平台差异的情况下,实现了多平台代码的统一,一次开发,多处运行。根据业务实践情况分析,多端复用场景下,开发成本可节约 60% 以上。

本次 Taro 升级,带来了全新的 React Native 支持方案。开发者使用 Taro (React版本) 开发的小程序或者 H5,可在较小改动的情况下,编译成基于 React Native 的 App,业务层代码复用率 80% 以上。同时我们也将更丰富的能力提供给了 React Native,如支持多种 css 预编译语言,提供大量与小程序一致组件及 API,App开发效率也得到极大提升。

前端工程师在采用 React Native 方案开发 App时,通常要花费较长时间配置原生开发环境,遇到环境问题难以解决。为此 Taro React Native 提供了一套完善的基于 Github Action 的持续集成和持续交付方案,帮助前端开发者摆脱 App 开发环境的困扰,提升开发效率。开发时,开发者可下载 Debug 包,本地只需要提供 JS 开发环境即可进入开发调试。发布时,打包 Android App、上传应用到 App store,只需要打个 Git Tag,然后喝杯咖啡。

本次分享主要介绍如何让跨平台开发方案支持到 App 开发,Taro React Native 的方案原理、实践经验,以及工程化解决方案。

演讲提纲:

1. 跨平台开发方案如何支持 App 开发?

2. Taro + React Native 的方案设计

3. 让 Taro 代码运行在 React Native 中

4. Taro App 的开源工程化方案

5. Taro + React Native 打造小程序引擎

6. 总结与未来规划

你将获得:

  • 了解 React Native 的进阶用法
  • 了解 Taro 开发 React Native 的原理
  • 基于 React Native 打造小程序壳工程
  • 将使用 Taro 开发的小程序移植至独立 App
  • 学习如何借助 CI 工具,打包及发布 App
  • 电话咨询

    联系电话:+86 18514549229
在报名过程中如有任何问题,欢迎微信扫描二维码联系我们的票务经理