简介
随着 TDesign 的对外开源,此前,TDesign 的中后台解决方案 - TDesign Starter 已发布了 vue2、vue3 技术栈的版本。在上周,团队发布了基于 React 技术栈的 TDesign Starter ,至此,TDesign Starter 已全面支持 Vue2、Vue3、React。
TDesign React Starter 是基于 TDesign React 组件库的一套中后台模板,提供了丰富、完整的组件示例,在参考社区的最佳实践,并结合我们的业务模式的基础上,最终提炼出了一套开箱即用的解决方案,旨在帮助 React 技术栈的开发者提升研发效能。
欢迎体验
官网:TDesign React Starter
GitHub仓库:https://github.com/Tencent/tdesign-react-starter
解决痛点
- 一个新项目来了,但不知道如何下手
- 不需要考虑框架与结构,就能够快速开始业务开发
- 想尝试 React 社区的“最佳实践”,并能够快速上手开发
产品特性
- 开箱即用的开发体验
- 全面拥抱 TypeScript
- 简洁的项目结构
- 样式美观,支持多主题切换
- 完善系统架构与开发工具链
当前版本
当前 0.1.0 版更新内容如下:
- 支持暗黑模式与多色主题切换
- Vite构建,提升开发体验
- 响应式布局,兼容多种尺寸
快速上手
安装脚手架
npm install tdesign-starter-cli -g
通过脚手架完成项目创建
# 初始化项目 td-starter init # 填写 项目名称、项目描述 #? 请输入项目名称: [项目名称] #? 请输入项目描述: Base on tdesign-starter-cli # 进入项目 cd [项目名称] # 安装依赖 npm install # 运行 npm run dev # 启动访问 http://localhost:3001/
浏览器兼容性
Edge >= 84;Firefox >= 83;Chrome >= 84;Safari >= 14.1
后续计划
- 国际化和语言包
- 无障碍访问
- 完善单元测试
- 增加更多组件示例
- 跟进社区最佳实践
欢迎你使用,并且通过 Issues · Tencent/tdesign-react-starter · GitHub 与我们交流,也期待你能通过开源协同的方式,参与我们的共建。
了解如何参与TDesign 的共建:https://tdesign.tencent.com/about/contributing