跨端跨框架 的 UI 渲染体系建设

所属专题:跨端框架演进

嘉宾 : 陈嘉健 | 京东资深研发工程师

会议室 : 景阁II&III

讲师介绍

专题演讲嘉宾:陈嘉健

京东资深研发工程师

陈嘉健,京东资深研发工程师,Taro 团队核心成员。2016 年加入京东,先后负责过京东购物 H5 版与小程序版等研发工作。目前主要负责 Taro Next 框架的研发和开源管理工作。热爱开源,主要研究方向为小程序与多端跨框架 UI 渲染体系。

议题介绍

演讲:跨端跨框架 的 UI 渲染体系建设

去年的 GMTC 我们介绍了下一代 Taro 框架在小程序上的跨框架设计思路。在过去一年里我们一直围绕着跨端跨框架的目标对 Taro Next 进行落地与打磨,不但完成了小程序端和 H5 端的重构,还加入了一系列的拓展功能和性能优化。本次分享首先将会简单回顾 Taro Next 重构的背景,然后为大家深入剖析其在小程序端与 H5 端的具体实现方案和优化方案,最后会介绍我们为可跨端跨框架的 Taro Next 进行了哪些功能与生态拓展,从而构造出一套完善的 UI 渲染体系。

演讲提纲:

1. 背景

  • 解决架构问题
    • Taro2 架构
    • 侧重编译时的弊端
    • 运行时冗余
  • 支持多框架

2. 思考与探索

  • 选定组件库、API、生命周期等规范
  • Taro Next 总体架构图

3. 小程序端方案

  • 方案脉略简介
    • DOM
    • 渲染
    • 更新
    • 事件系统
    • BOM
    • 兼容 React
      • 使用 react-reconciler 实现渲染器
      • 连接器
      • 路由
      • 生命周期
    • 兼容 Vue
      • 连接器
      • 路由
      • 生命周期
  • 优化
    • 框架自身的优化
    • 框架提供给用户选择的优化手段
      • 预渲染
      • 长列表组件
  • 跨框架组件原理

4. Web 端方案

  • 方案脉略简介
    • 组件库
      • 我们面临的困境
      • 业界可借鉴的优秀方案
      • 简介 Web Component、框架选型(Stencil)
    • 兼容 React
    • 兼容 Vue
    • API
    • 生命周期
    • 路由

5. 总结与探索

  • 支持 Vue3
  • 更好的跨框架组件实现方案(类 Stencil)
  • 支持更多的端
  • 使用 IDE 构建完善的 UI 渲染体系

听众收益:

  1. 了解跨端框架未来的演进方向
  2. 了解下一代 Taro 框架的整体架构与具体实现细节
  3. 了解如何打造一套跨端且跨框架的 UI 渲染体系

听懂我的演讲,需要具备这些知识储备:

  1. 熟悉小程序开发
  2. 熟悉 React 或 Vue 开发
  3. 对跨端框架有一定的了解
  • 电话咨询

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