# 技术栈

## 核心技术

### 前端框架

**React 18.2.0**

- 函数式组件 + Hooks
- Concurrent Features 支持
- 严格模式启用

**TypeScript 5.2.2**

- 全面类型安全
- 严格的类型检查
- 现代 ES 特性支持

### 状态管理

**Redux Toolkit 1.6.2**

- 简化 Redux 使用
- Immer 不可变更新
- RTK Query 准备集成

### 构建工具

**Vite 5.0.8**

- 快速的冷启动
- 热模块替换 (HMR)
- 优化的生产构建

### UI 组件库

**Ant Design 5.15.3**

- 企业级设计系统
- 丰富的组件库
- 主题定制支持

## Agora 实时服务

### Agora RTC SDK 4.20.0

**功能特性**

- 高质量音视频通信
- 低延迟流媒体
- 自适应网络优化

**核心类**

- `IAgoraRTCClient`: RTC 客户端
- 音视频轨道管理
- 发布/订阅机制

### Agora RTM 2.1.9

**功能特性**

- 实时消息传递
- 频道管理
- 用户状态同步

**核心类**

- RTM 客户端管理
- 频道消息处理
- 元数据存储

### Agora STT 服务

**功能特性**

- 实时语音转文字
- 多语言支持
- 实时翻译

**API 集成**

- RESTful API 调用
- Token 认证
- 任务生命周期管理

## 开发工具链

### 包管理

**npm/yarn**

- 依赖版本锁定
- 脚本命令管理
- 工作区支持

### 代码质量

**ESLint**

- 代码规范检查
- 自动修复支持
- 自定义规则配置

**Prettier**

- 代码格式化
- 一致的代码风格
- 集成 ESLint

### 测试工具

**Vitest 3.2.4**

- 快速的单元测试框架，专为Vite优化
- 支持TypeScript和ES模块
- 内置代码覆盖率报告
- 快照测试和并发测试支持

**Testing Library 16.3.0**

- React Testing Library: 组件测试
- DOM Testing Library: DOM操作测试
- 用户行为导向的测试方法

**Playwright 1.55.0**

- 跨浏览器端到端测试
- 支持Chromium、Firefox、WebKit
- 自动等待和智能断言
- 截图、视频和追踪功能

## 第三方库

### 路由管理

**React Router DOM 6.21.3**

- 声明式路由
- 懒加载支持
- 导航守卫

### 国际化

**i18next 23.8.2**

- 多语言支持
- 动态加载翻译
- 语言检测

### 工具库

**lodash-es 4.17.21**

- 实用函数库
- Tree-shaking 优化
- 类型定义支持

**axios 1.6.7**

- HTTP 客户端
- 请求拦截器
- 错误处理

## 环境要求

### 开发环境

- Node.js 18+
- 现代浏览器 (Chrome 90+, Firefox 88+, Safari 14+)
- 网络连接 (用于 Agora 服务)

### 生产环境

- 静态文件服务器
- HTTPS 支持 (Agora 要求)
- CDN 加速 (可选)

## 版本兼容性

### 浏览器支持

| 浏览器  | 最低版本 | 备注          |
| ------- | -------- | ------------- |
| Chrome  | 90       | 完全支持      |
| Firefox | 88       | 完全支持      |
| Safari  | 14       | 完全支持      |
| Edge    | 90       | 基于 Chromium |

### Node.js 支持

- 开发: Node.js 18+
- 构建: Node.js 16+
- 运行时: 浏览器环境