简介
随着 TDesign 的对外开源,此前,TDesign 的中后台解决方案 - TDesign Starter 已发布了 vue2、vue3 技术栈的版本。在上周,团队发布了基于 React 技术栈的 TDesign Starter ,至此,TDesign Starter 已全面支持 Vue2、Vue3、React。
TDesign React Starter 是基于 TDesign React 组件库的一套中后台模板,提供了丰富、完整的组件示例,在参考社区的最佳实践,并结合我们的业务模式的基础上,最终提炼出了一套开箱即用的解决方案,旨在帮助 React 技术栈的开发者提升研发效能。
欢迎体验
GitHub 仓库:github.com/Tencent/tde…
解决痛点
- 一个新项目来了,但不知道如何下手
- 不需要考虑框架与结构,就能够快速开始业务开发
- 想尝试 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
#启动访问
浏览器兼容性
Edge >= 84;Firefox >= 83;Chrome >= 84;Safari >= 14.1
后续计划
- 国际化和语言包
- 无障碍访问
- 完善单元测试
- 增加更多组件示例
- 跟进社区最佳实践
欢迎你使用,并且通过 Issues · Tencent/tdesign-react-starter · GitHub 与我们交流,也期待你能通过开源协同的方式,参与我们的共建。
了解如何参与 TDesign 的共建:tdesign.tencent.com/about/contr…