React 18 前端最佳实践技术栈清单（2025版）

🚀 React 18 前端最佳实践技术栈（2025）

适合：移动端优先、SaaS 产品、社交/电商前台。

框架 / 构建工具
- React 18.3.x
- Vite 5.x（官方推荐，快，生态成熟）
- TypeScript 5.6+
UI & 样式
- Tailwind CSS 3.4.x（主流 utility-first 样式方案）
- Shadcn/ui（基于 Radix UI + Tailwind，推荐作为 UI 基础库）
- Radix UI 1.x（可选，用于无样式 primitives）
状态管理
- Zustand 4.x（轻量全局状态）
- React Query (TanStack Query) 5.x（异步数据管理，缓存 & API 请求必备）
路由
- React Router 7.x（轻量，Vite 项目常用）
表单
- React Hook Form 7.x（轻量，性能好）
- Zod 3.x（表单校验 + 类型安全）
其他工具
- Axios 1.x（HTTP 请求）
- ESLint 9.x + Prettier 3.x（代码规范）
- Vitest 1.x + Testing Library（单元测试）

适合：数据密集型、表格/表单多、权限管理复杂的 B 端场景。

框架 / 构建工具
- React 18.3.x
- Vite 5.x 或 Next.js 15.x（取决于是否需要 SSR）
- TypeScript 5.6+
UI & 样式
- Ant Design 5.x（国内外后台系统首选，组件完善）
- MUI 6.x（可替代方案，Material Design 风格）
- Tailwind CSS 3.4.x（可作为 AntD/MUI 的样式增强）
状态管理
- Redux Toolkit 2.x（复杂业务逻辑首选）
- React Query (TanStack Query) 5.x（数据请求 & 缓存管理）
表单 / 表格增强
- Ant Design Form / MUI Form（内置即可满足大多数需求）
- React Hook Form 7.x + Zod 3.x（更灵活的方案）
- TanStack Table 8.x（高级表格功能：分页、排序、虚拟滚动）
国际化
- react-intl 6.x 或 lingui 4.x
其他工具
- Axios 1.x（HTTP 请求）
- ESLint 9.x + Prettier 3.x（代码规范）
- Jest 29.x 或 Vitest 1.x（测试）

场景	UI库	样式	状态管理	构建工具
现代轻量应用	Shadcn/ui + Radix UI	Tailwind CSS	Zustand + React Query	Vite
企业后台系统	Ant Design 或 MUI	AntD/MUI + Tailwind	Redux Toolkit + React Query	Vite / Next.js