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

腾讯开源

发布于 2022-07-04 06:10:19

2.4K0

文章被收录于专栏：腾讯开源的专栏腾讯开源的专栏

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

加入开发实战

与导师一起成长这一夏