TDesign React Starter 发布

简介

随着 TDesign 的对外开源，此前，TDesign 的中后台解决方案 - TDesign Starter 已发布了 vue2、vue3 技术栈的版本。在上周，团队发布了基于 React 技术栈的 TDesign Starter ，至此，TDesign Starter 已全面支持 Vue2、Vue3、React。

TDesign React Starter 是基于 TDesign React 组件库的一套中后台模板，提供了丰富、完整的组件示例，在参考社区的最佳实践，并结合我们的业务模式的基础上，最终提炼出了一套开箱即用的解决方案，旨在帮助 React 技术栈的开发者提升研发效能。

欢迎体验

官网：TDesign React Starter

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

#启动访问

http://localhost:3001/

浏览器兼容性

Edge >= 84；Firefox >= 83；Chrome >= 84；Safari >= 14.1

后续计划

• 国际化和语言包
• 无障碍访问
• 完善单元测试
• 增加更多组件示例
• 跟进社区最佳实践

欢迎你使用，并且通过 Issues · Tencent/tdesign-react-starter · GitHub 与我们交流，也期待你能通过开源协同的方式，参与我们的共建。

了解如何参与 TDesign 的共建：tdesign.tencent.com/about/contr…