React 技术栈（2026 最新版）
你想了解完整的 React 技术栈体系，我会从核心库 → 工程化 → 路由/状态 → UI/样式 → 构建/部署 → 工具链，给你一套企业级、最新、可直接上手的 React 技术栈清单。
一、核心基础（必学）
这是 React 开发的地基，所有项目都离不开。
- React
- 核心 UI 库，用于构建组件化页面
- 最新稳定版：React 19+（支持 React Compiler、Actions、use 等新特性）
- React DOM
- 把 React 组件渲染到浏览器 DOM
- TypeScript
- 企业级项目标配，类型安全，减少 Bug
- ES6+
必备语法：箭头函数、解构、Promise、async/await、模块化
二、工程化 & 构建工具（项目启动必备）
替代老旧的 create-react-app，现在主流用这两个：
- Vite（最推荐，极速启动）
- 目前 React 项目首选构建工具，比 Webpack 快 10 倍以上
- Next.js（全栈 React 框架）
- 服务端渲染 SSR / 静态生成 SSG / 路由 / 接口一体化
- 大厂最常用的 React 全栈方案
- 备选：Remix、TanStack Start
三、路由管理（页面跳转）
- React Router v6+（绝对主流）
- 所有 React 单页应用（SPA）的标准路由库
- Next.js 内置路由（无需单独安装）
四、状态管理（数据共享）
按项目复杂度选择：
1. 轻量项目（无需第三方库）
- React 内置：
useState/useReducer/Context API
2. 中大型项目（主流方案）
- Zustand（极简、体积小、上手最快）
- Jotai / Recoil（原子化状态，适合复杂数据流）
- Redux Toolkit（RTK）（传统大厂仍在使用）
3. 服务端状态（接口请求）【最重要】
- TanStack Query（React Query）
- 处理接口请求、缓存、自动刷新、状态同步
- 现代 React 项目必备
五、表单处理
- React Hook Form（高性能首选）
- Formik + Yup（经典方案）
- Next.js 19+ 内置 React Actions 表单
六、UI 组件库（快速开发页面）
根据项目风格选择：
- ShadCN UI（最火、可自定义、无样式入侵）
- Ant Design（AntD）（中后台系统首选）
- MUI（Material UI）
- Chakra UI
- Tailwind CSS + HeadlessUI（自由定制）
七、样式方案
- Tailwind CSS（绝对主流，原子化 CSS）
- CSS Modules
- Styled Components / Emotion（CSS-in-JS）
- Sass / Scss
八、HTTP 请求
- Axios
- Fetch API（原生）
- Next.js 服务端请求 / React Actions
九、代码规范 & 工程化工具
- ESLint：代码检查
- Prettier：代码格式化
- Husky + lint-staged：提交前校验
- pnpm：包管理工具（比 npm/yarn 快）
十、测试（可选，企业级需要）
- Jest + React Testing Library
- Cypress（E2E 测试）