面向未来的 Vue3.0 桌面组件设计

所属专题:Web前端技术架构前沿实践

嘉宾 : 郑傲 | 小米资深前端研发工程师

会议室 : 富力1

讲师介绍

专题演讲嘉宾:郑傲

小米资深前端研发工程师

加入小米之前任职于车好多集团。CarsDesign 是车好多对于 Vue3.0 桌面端实践的一种尝试。 作为组件库核心开发者,负责企业内前端基础架构方向的研究与新技术的探索。在企业级前端基础服务的建设和基础项目落地上有些许成果。先后负责企业级 Vue2.0 组件库,React Mobile 组件库,有丰富组件研发经验。在组件的设计和表达上有独到的见解。在车好多推动 Vue3.0 组件库研发和落地工作,从零到一设计了一套完整、易用、独立的组件库。

议题介绍

演讲:面向未来的 Vue3.0 桌面组件设计

Vue3.0 是现代浏览器前端开发者应用最为广泛的框架之一,从 2020 年开始此框架经过大的版本升级和迭代后目前已经处于稳定的状态。在新的技术框架稳定的情况下为了提升企业中前端开发者的开发效率,我们团队将以往的开发经验转化成优秀的组件设计,将我们所想融入到这个组件库中。它在最大程度上保持企业中后台使用者在交互方式,样式表达和工程师开发习惯的统一。

演讲提纲:

  1. 组件库开发背景和收益
    • 拒绝盲目的中后台开发
    • 设计符合企业习惯的中后台组件
    • 稳步的分梯队研发过程
    • 稳定的迭代发展和快速响应使业务获得超预期实际收益
  2. 桌面场景下的组件设计原则
    • UI 交互原则
    • 组件功能原则
    • 桌面场景下的极致体验
    • 设计、开发前的头脑风暴
  3. 中后台组件 UI、交互的碰撞
    • 第一梯队——破冰
      • 从 Button 、ButtonGroup 到终局的 LoadingButton 设计
      • 设计组件库的基础主题,及样式分离
      • 设计组件库的共用基础属性 — size,color 等
    • 在讨论中诞生了独一无二的高性能表格组件
    • 在组件设计中鼓励对一个组件的多种实现方式
    • 一些值得一提的组件彩蛋
  4. 总结与展望

你将获得:

除了收获部分组件设计的思路之外,还能收获到在企业中如何从零开始设计一套通用的组件库及其积极的收益有哪些?如何设计或者颠覆已有的API和组件设计方案,维护大量的组件的同时如何迭代升级组件。

票务小姐姐