React 生态系统中有许多衍生工具和相关的库，这些工具扩展了 React 的功能或简化了开发流程。以下是主要的 React 衍生工具分类和代表性项目：

---

总结

React 的衍生工具覆盖了：

• 状态管理（Redux、MobX、Recoil）
• 路由（React Router、Next.js）
• UI 组件（MUI、Ant Design）
• SSR/SSG（Next.js、Gatsby）
• 数据获取（React Query、Apollo）
• 动画（Framer Motion、React Spring）
• 测试（Jest、Testing Library）
• 跨平台（React Native、Electron）

---

具体介绍：

1. 状态管理工具

• Redux

  • 最流行的状态管理库，提供可预测的状态容器
  • 衍生工具：Redux Toolkit（官方推荐简化版）、Reselect（选择器优化）

• MobX

  • 基于响应式编程的状态管理，适合中小型应用

• Recoil

  • Facebook 推出的实验性状态管理库，基于原子（Atom）和选择器（Selector）

• Zustand

  • 轻量级状态管理，基于 Hook，API 简洁

• Jotai

  • 类似 Recoil，但更轻量，适合原子化状态管理

---

2. 路由管理

• React Router

  • 最流行的路由库，支持动态路由、嵌套路由
  • 衍生工具：React Router DOM（Web 端）、React Router Native（React Native）

• Next.js 路由

  • 基于文件系统的路由（如 pages/about.js 自动映射为 /about）

• Remix

  • 全栈框架，内置路由和数据加载优化

---

3. UI 组件库

• Material-UI (MUI)

  • 基于 Google Material Design 的组件库

• Ant Design

  • 企业级 UI 设计语言，适合后台管理系统

• Chakra UI

  • 可访问性优先的组件库，支持主题定制

• Tailwind CSS + Headless UI

  • 实用优先的 CSS 框架，结合 Headless UI 实现无样式逻辑组件

---

4. 服务端渲染 (SSR) & 静态生成 (SSG)

• Next.js

  • 最流行的 React SSR/SSG 框架，支持 API 路由、ISR（增量静态再生）

• Gatsby

  • 基于 GraphQL 的静态站点生成器，适合博客、文档站

• Remix

  • 全栈框架，优化数据加载和用户体验

---

5. 数据获取 & API 交互

• React Query

  • 管理服务器状态，提供缓存、重试、轮询等功能

• SWR (Stale-While-Revalidate)

  • 轻量级数据获取库，由 Vercel 开发

• Apollo Client

  • 专为 GraphQL 设计，支持缓存和实时更新

• RTK Query

  • Redux Toolkit 内置的数据获取工具

---

6. 表单处理

• React Hook Form

  • 高性能表单库，支持非受控组件和校验

• Formik

  • 受控表单管理，集成 Yup 校验

• Final Form

  • 订阅式表单状态管理

---

7. 动画库

• Framer Motion

  • 声明式动画库，支持手势和复杂动画

• React Spring

  • 基于物理的动画，适合流畅交互

• GSAP + React

  • 专业级动画库，适合复杂时间轴控制

---

8. 测试工具

• Jest

  • React 官方推荐的测试框架

• React Testing Library

  • 鼓励从用户角度测试组件

• Cypress

  • E2E 测试工具，支持组件测试

• Storybook

  • 可视化组件开发和测试

---

9. 移动端开发

• React Native

  • 使用 React 构建原生移动应用

• Expo

  • React Native 开发工具链，简化构建流程

---

10. 桌面应用开发

• Electron + React

  • 跨平台桌面应用（如 VS Code）

• Tauri

  • 轻量级替代 Electron，基于 Rust

---

11. 构建工具

• Vite

  • 极速构建工具，支持 React 热更新

• Parcel

  • 零配置打包工具

• Create React App (CRA)

  • 官方脚手架（逐渐被 Vite 替代）

---

12. 其他实用工具

• React DnD

  • 拖拽交互库

• React Flow

  • 可视化流程图/节点编辑器

• TanStack Table

  • 高性能表格组件（原 React Table）

• React PDF

  • 用 React 生成 PDF 文件

---

根据项目需求选择合适的工具组合，可以大幅提升开发效率和用户体验。