大前端趋势

会议室:待定
出品人:张飞彪

大前端的特点在于更加贴近用户,因此广大厂商都会投入足够多的资源保证用户能够得到良... 展开 >

专题出品人:张飞彪

字节跳动音乐项目客户端负责人

现就职于字节跳动上海研发中心,担任音乐项目客户端负责人和创新项目技术负责人。毕业于华东师范大学数学系国家理科基地班,自学完计算机专业的所有主干课程,从事移动软件开发工作十年,先后参与过 Windows Mobile、Windows Phone、嵌入式以及 Android 和 iOS 等平台的 App 和框架开发,主导了多款大中型 App 的研发,也曾作为客户端架构师负责过 Android、iOS、Web 三端的基础架构设计和演进,在移动架构、跨平台开发等大前端领域具有丰富的研发和管理经验。

专题:大前端趋势

大前端的特点在于更加贴近用户,因此广大厂商都会投入足够多的资源保证用户能够得到良好的体验。

用更低的成本带来用户更好的体验,是大前端的技术的演进主流思路之一:动态化、跨平台技术为降低研发成本,提高迭代效率带来可观的收益;前端中台、业务抽象复用为前端工程化指明了方向;人工智能、模式识别等技术在大前端的运用,不仅开辟了新的用户场景,也为提升研发、运维效率带来了新的思路。

本专题从业内精选了上述方向中的先进经验,帮助大前端的从业人员把握技术发展趋势。

by 莫春辉

华为
质量与流程IT管理部/主任工程师

公司各领域 IT 应用的前端技术栈不统一,业务系统体验一致性改造困难,不论是前端技术栈归一,还是前端框架的持续演进,都会造成大量的重复建设,比如同一套业务逻辑要在不同技术栈、不同前端框架里重复实现。此外,以提高复用性为目的卡片,希望开发一次就能在桌面、移动、大屏等应用里展示,且能自适应不同领域应用的不同主题样式,现实和理想差别很大。

2018 年 React 发布颠覆性的 Hook 新特性,2019年 Vue 也相应推出 Composition API,这引起我的关注与思考,再结合 Renderless Components 与函数式编程的理念,我开始构思 AUI 3.0 的组件架构,2019年6月完成 POC 验证,经半年开发实践,架构细节不断完善,发布后获得广泛的认可,已在多个领域项目中试用,初步达成业务逻辑与前端框架分离、卡片自适应多终端与主题样式的设想。

本次演讲内容首先介绍在华为内部 IT 业务变革中遇到的重复建设等问题,再通过对三个前端前沿技术的介绍与思考,探索出跨平台前端组件的架构,接着阐述该架构的设计与开发原则,并以开发一个 TODO 组件为例子,演示如何实现共享相同逻辑的 React 和 Vue 组件,同时支持切换组件的 PC 和 Mobile 状态,还支持自定义组件的 Template 及 Renderless 层,最后总结该架构存在的缺陷,评估在支撑业务变革推行中的影响力。

演讲提纲:

  1. 没有一成不变的前端框架
  2. 多端一致还要像变色龙的卡片
  3. React 钩子带来的新气象
  4. 被低估的无渲染组件
  5. 尝试做一个跨端跨框架的TODO组件
    • 跨平台前端组件的架构
    • 架构的设计与开发原则
    • 共享相同逻辑的 React 和 Vue 组件
    • 切换组件的 PC 和 Mobile 状态
    • 自定义组件的 Template 和 Renderless 层
  6. 架构的缺陷与影响力

听众受益点:

  1. 了解 React Hook 与 Vue Composition API 新技术
  2. 了解 Renderless Components 理念
  3. 了解跨端跨框架、业务与框架分离的前端组件设计方案
想要批量报名或更多优惠?
立即联系票务小姐姐 Ring
或致电:+86-15600537884