TDesign React Starter 发布

2022-03-25 10:21:42 浏览数 (1)

简介

随着 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

0 人点赞