English ｜简体中文

This is a development experience-friendly React SPA template that combines the most advanced and coolest technical solutions, helping you solve all problems outside of business logic.

• pnpm Package Management Tools
• vite Build Tools
• typescript Default development language

• tailwindcss Atomic css tool library，Recommended usetailwindcss + css in js programs，Abandon preprocessing tools like less, sass, etc.。
• clsx css class name link combination

• @tanstack/react-router Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering.

• @tanstack/query API Interface Status Management
• jotai Local Status Management

• openapi-fetch Generate API interfaces and type declarations based on OpenAPI/Swagger. Please first change the OpenAPI URL of gc-open-api in package.json to your own, then run pnpm run gc-open-api to proceed.

• @ant-design/pro-components You can use the From capability provided by @ant-design/pro-components
• @tanstack/form If you prefer type-safe Form, @tanstack/form is a better choice
• Zod TypeScript-first schema validation with static type inference

• eslint Only used to check rules that oxlint does not support
• oxlint Rust version of eslint
• biomejs Currently only used for format

• overlay-kit Command-based pop-up library to increase code readability

• antd
• @ant-design/pro-components Heavy components based on antd, including ProLayout, ProTable, etc.
• es-toolkit State-of-the-art JavaScript utility library
• ahooks The react hook is a tool library