前端开发规范
概述
本模块提供前端开发的技术栈规范,专注于 React、Vite、shadcn/ui、Tailwind CSS 和 TypeScript。
技术栈
- 框架: React 19 + Vite 7
- UI 组件库: shadcn/ui + Tailwind CSS 4
- 路由: React Router v7
- 状态管理: Zustand 5
- 表单处理: React Hook Form + Zod
- 语言: TypeScript 5.6
- 代码检查: Biome
规范列表
核心规范
- React 规范 - React Hooks、组件设计
- Vite 规范 - 构建配置、插件使用
- 路由规范 - React Router 路由设计
- 状态管理 - Zustand 状态管理
- 样式规范 - Tailwind CSS 使用
- 组件开发 - shadcn/ui 组件规范
- 表单规范 - React Hook Form 表单处理
- TypeScript 规范 - 类型定义、接口设计
快速查找
场景导航
- 开发 React 组件 → React 规范
- 配置 Vite 项目 → Vite 规范
- 配置路由 → 路由规范
- 管理全局状态 → 状态管理
- 编写样式 → 样式规范
- 使用 UI 组件 → 组件开发
- 处理表单 → 表单规范
- 定义 TypeScript 类型 → TypeScript 规范