React 19 是一个用于构建现代 Web 应用的前端库，本资料介绍其新特性、Hooks、组件模式与服务端能力。
一、用途 React 19 面向现代 Web 应用开发，强调增强的服务端能力、改进的表单处理与更好的性能。资料以代码示例形式展示如何在 React 19 中编写组件、管理状态、处理数据获取与表单提交。
二、主要能力
- 基础组件与 Hooks：使用 useState、useEffect 编写计数器组件；通过自定义 Hook（如 useApiData）封装 API 数据获取，返回 data、loading、error 状态。
- Server Actions 与表单：使用 "use server" 定义服务端 action，配合 useActionState 处理表单提交状态（state、formAction、isPending）；使用 react-dom 的 useFormStatus 获取 pending 状态控制提交按钮。
- Server Components：服务端组件可直接 await 数据库查询并渲染；客户端组件通过 "use client" 声明，用于交互逻辑。
- 状态管理：使用 createContext、useContext、useState 构建 AuthContext 与 useAuth 自定义 Hook。
- 数据获取与 Suspense：异步组件配合 Suspense 边界显示加载回退。
- 乐观更新：使用 useTransition 与 startTransition 实现乐观 UI，失败时回滚。
- 错误边界：基于类组件实现 ErrorBoundary，捕获并展示错误信息。
- 性能模式：useMemo 缓存昂贵计算、useCallback 缓存事件处理函数、lazy 与 Suspense 实现代码分割与懒加载。
- 最佳实践：单一职责组件拆分、PropTypes 与默认值定义。
三、使用方式 资料给出安装命令：npm install react@19 react-dom@19；推荐开发工具：npm install --save-dev @types/react @types/react-dom。常见附加库包括状态管理（zustand、jotai 或 Context API）、路由（react-router-dom）、数据获取（@tanstack/react-query）、表单处理（内置 React 19 表单或 react-hook-form）、样式（tailwindcss、styled-components 或 CSS modules）。
四、适用场景 适合需要构建带服务端渲染、表单交互、数据获取与状态管理的现代 Web 应用的开发者参考，尤其适合希望了解 React 19 新特性（Server Actions、Server Components、useActionState、useFormStatus 等）的前端开发场景。
五、限制与要求 运行要求：React 19.0 或更高版本；Node.js 18+（用于开发）；支持 ES6+ 的现代浏览器。资料未提供收费、价格、平台支持范围、性能基准或具体效果数据，这些信息暂未提供。