开源项目介绍|TDesign - 前端通用 UI 组件库

2022-07-04 14:10:19 浏览数 (1)

2022腾讯犀牛鸟开源人才培养计划

开源项目介绍

滑至文末报名参与开源人才培养计划

提交 TDesign 项目Proposal

TDesign 项目介绍

TDesign 是腾讯第一个对外开源的企业级设计体系,基于腾讯海量业务沉淀,为 PC、Mobile、小程序等平台提供丰富组件库,通过统一组件 API 接口为上层业务开发提供跨平台和跨端的同构方案,内部已服务 300 业务。在设计侧TDesign提供涵盖中后台、移动端的组件资源包,汇集200 的业务操作的图标、特殊的数字字体、由浅入深的设计指南、工具等满足不同角色、不同阶段的设计师需求。

TDesign 项目导师介绍

孙哲

TDesign PMC 成员

导师寄语:

TDesign 刚刚对外发布半年,各技术栈实现还没有发布正式版本,处于快速迭代的过程中,如果你想从零开始参与一个大型开源项目,TDesign 可能正适合你。在这里你可以学习到如何设计和封装前端 UI 组件库,如何在不同技术栈下保证同个组件实现一致。

TDesign 相关资料

TDesign 官网地址:

https://tdesign.tencent.com

TDesign 任务实战项目

编程任务

题目:Vue/React 组件共用逻辑改造

内容: TDesign 官方支持了相当多的技术栈实现,桌面端有 Vue2/Vue Next/React/Angular,移动端有 Vue Next/React/微信小程序等,目前 Vue2 与 Vue Next 实现已经通过 Composition-api 的方式实现了大部分逻辑复用,但 React 及 Angular 还是独立开发维护,请探索提出一种方案,兼顾参与者门槛低与代码跨技术栈复用率高的优点,帮助 TDesign 各组件低成本适配业界各主流技术栈

预备知识:

 Vue/React/Angular 技术栈

预期结果: 1.初级:兼容 Vue/React 的跨技术栈复用方案 2.中级:兼容 Vue/React/Angular 的跨技术栈复用方案 3.高级:落地方案,主导某个技术栈仓库改造

收获: 1.了解 TDesign 如何统一管理/设计跨技术栈组件产品 2.设计师与开发角色如何协作

扫码填写问卷报名,提交项目proposal

加入开发实战

与导师一起成长这一夏

TDesign 开源项目交流群

更多开源项目信息,

尽在“腾讯犀牛鸟开源人才社区

扫码加入,解锁所有学习资料

0 人点赞