用途:在构建 React 组件、使用 hooks、处理表单、编写服务端/客户端组件或从 React 18 迁移时参考的 React 19 模式集合。
主要能力与模式:
- React Compiler 自动记忆化,无需手写 useMemo/useCallback。
- 统一使用具名导入,如 import { useState, useEffect, use, useActionState } from 'react',避免默认或命名空间导入。
- 默认使用 Server Components,可直接访问数据库;仅在需要交互时用 'use client' 标记客户端组件。
- use() hook 可在渲染中读取 Promise,并支持条件式读取 Context(useContext 无法做到)。
- Server Actions 配合 useActionState 管理表单状态与 pending 状态。
- ref 作为普通 prop 传递,不再需要 forwardRef。
- 服务端组件中可用 Promise.all 并行获取数据。
使用方式:按资料中的触发条件加载该技能;编写组件时遵循上述模式,避免在启用 Compiler 时添加冗余的 useMemo/useCallback,避免在页面或布局层级滥用 'use client',新代码不再使用 forwardRef。
适用场景:React 19 组件开发、表单处理、服务端/客户端组件划分、React 18 迁移。
限制:资料未提供安装命令、版本要求、平台支持、收费或性能数据,暂未提供。