TDesign React Starter 发布

简介

随着 TDesign 的对外开源，此前，TDesign 的中后台解决方案 - TDesign Starter 已发布了 vue2、vue3 技术栈的版本。在上周，团队发布了基于 React 技术栈的 TDesign Starter ，至此，TDesign 也成为了业界首个官方提供 Vue2、Vue3、React，3 个主流技术栈的 UI 框架的中后台解决方案 的设计体系。

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