- React 19.1.0 - 最新版本的 React
- @tanstack/react-router - 类型安全的路由管理
- TypeScript - 静态类型检查
- @tanstack/react-query - 服务端状态管理和数据获取
- Jotai - 原子化状态管理
- Axios - HTTP 客户端
- Material-UI (MUI) - React 组件库
- Emotion - CSS-in-JS 样式解决方案
- TailwindCSS 4.x - 原子化 CSS 框架
- Motion - 动画库
- React Hook Form - 高性能表单库
- Zod - 模式验证库
- @hookform/resolvers - 表单验证集成
- ECharts - 图表库
- Vite 6.x - 现代化构建工具
- SWC - 快速的 TypeScript/JavaScript 编译器
- PNPM - 高效的包管理器
src/ ├── modules/ # 业务模块 (auth, form, pokemon) ├── components/ # 通用组件 ├── hooks/ # 自定义 Hooks ├── utils/ # 工具函数 ├── routes/ # 路由配置 ├── theme/ # 主题配置 └── common/ # 公共配置
- 使用文件系统路由
- 支持认证路由 (_authenticated/)
- 支持分组路由 ((auth)/, (error)/)
- ESLint - 代码检查
- Prettier - 代码格式化
- Husky - Git hooks
- Commitlint - 提交信息规范
- Lint-staged - 暂存文件检查
- React Query Devtools - 开发调试工具
- SVG 支持 - 通过 vite-plugin-svgr
- 路径别名 - ~ 指向 src 目录
- 热重载 - Vite 开发服务器
- 类型安全的路由 - 使用 TanStack Router 实现完全类型安全的路由
- 现代化状态管理 - 结合 React Query 和 Jotai
- 组件化设计 - 丰富的自定义组件库
- 工具函数库 - 完整的工具函数集合
- 主题系统 - 支持深色/浅色模式切换
- 版本检查 - 自动版本更新检测
- 配置了 GitHub Pages 部署
- 支持基础路径配置
- 生产环境优化(代码分割、压缩等)
- Form 表单: react-hook-form
- Toast: sonner | react-toastify
- 代码编辑器: @monaco-editor/react | react-monaco-editor
- PDF: react-pdf
- 右键菜单: react-contexify
- 轮播: embla-carousel-react | react-slick
- 页面 meta 属性: react-helmet-async
- 分割面板: react-resizable-panels | react-split | react-split-pane
- 拖拽: dnd-kit
- Json 显示: react-json-view | @uiw/react-json-view
- Json 编辑: vanilla-jsoneditor | react-json-editor-ajrm
- 二维码: qrcode.react
- Markdown: react-markdown | @uiw/react-markdown-preview | markdown-it
- 模糊搜索: fuse.js
- 引导提示: react-joyride
- 组织结构chart: react-organizational-chart
- 滚动条: SimpleBar | perfect-scrollbar