Starter Kit

Preview .Repository·Feedback

Introduction

TDesign React Starter is a TDesign-based developed with React, Vite, React Router, TypeScript. It can be customized theme configuration, and aims to provide project out-of-the-box, configuration-style middle and background projects.

• Exquisite Design

  • Based on the TDesign UI design specifications
  • Provide various types of design resources such as Figma, Sketch, Adobe XD, Axure, etc
  • Build a product with its own brand characteristics and easy-to-use on the open source system

• Complete Routing

  • Support both configuration-based and custom routing. For configuration-based routing
  • provide deep customization of navigation components (Menu and Breadcrumb)

• Dynamic Layout

  • Provider built-in layouts such as "Left-Right Layout", "Top-Left-Right Layout", and "Up-Down Layout",
  • Page content designed based on 24-grid layout, with two spacing modes: "Regular" and "Compact".

• Fast HRM

  • Built with Vite
  • Experience browser ES module bundless in the development environment, achieving ultra-fast updates without waiting for lengthy bundle processes.

• Development Specifications

  • Uniform specifications will reduce communication costs and improve the development and maintenance experience
  • Use eslint-config-airbnb-base as code specifications
  • Adopt Angular commit specifications.

Quick Start

initialize your project by using tdesign-starter-cli.

## 1、install tdesign-starter-cli
npm i tdesign-starter-cli@latest -g

## 2、create project
td-starter init

For more detail, please read TDesign Starter Documentation

Browser Support

IE / Edge	Firefox	Chrome	Safari
Edge >=84	Firefox >=83	Chrome >=84	Safari >=14.1