用途：该技能为使用 Vite 打包器的 React 18+ 应用开发提供指导，覆盖 TypeScript 集成与现代前端模式。适用于 React 18+ 应用、TypeScript 组件开发、React Hooks 与自定义 Hooks、状态管理（Context、Zustand、React Query）、组件组合模式、Vite 配置与优化、构建优化与部署等场景。
主要能力：提供项目初始化命令，如 npm create vite@latest my-app -- --template react-ts，以及常用依赖安装（@tanstack/react-query、zustand、react-hook-form、zod）。给出推荐的项目目录结构（components、hooks、stores、services、types、utils、styles）。包含 Vite 配置示例（路径别名、开发服务器代理、构建分包与 sourcemap）、TypeScript 严格模式配置、函数组件与泛型组件写法、自定义 Hooks（useLocalStorage、useDebounce、useAsync）、Zustand 状态管理、React Query 数据获取、React Hook Form 与 Zod 表单校验、懒加载与 memo 性能优化、环境变量、Vitest 测试配置，以及构建部署命令（npm run build、npm run preview、npx tsc --noEmit）。
使用方式：按资料中的命令创建项目并安装依赖，参照配置示例设置 vite.config.ts 与 tsconfig.json，按目录结构组织代码，并按需引入状态管理、数据获取与表单库。
限制：资料未提供该技能的收费、价格、平台支持范围或实际效果说明；具体版本兼容性与运行环境要求暂未提供。