该技能用于指导在 .tsx 文件中编写符合 React 19 与 React Compiler 规范的组件与 Hook。资料以代码示例方式给出了若干规则，以下按主题整理。
一、用途 面向使用 React 19 组件与 Hook 的 .tsx 开发场景，重点覆盖 React Compiler 规则、Hook 模式以及 ref 作为 prop 的用法。
二、主要能力与规则
- 禁止手动记忆化：React Compiler 会自动处理优化。资料示例中，组件内可直接进行 filter、sort 计算并定义事件处理函数；明确禁止使用 useMemo 和 useCallback 进行手动记忆化。
- 导入方式：必须使用具名导入，例如 import { useState, useEffect, useRef } from "react"；不得使用 import React from "react" 或 import * as React from "react"。
- 服务端组件优先：默认编写服务端组件，不加指令，可直接 async 获取数据并渲染客户端组件；仅在需要交互能力时才添加 "use client"。
- "use client" 适用场景：useState、useEffect、useRef、useContext；事件处理函数（onClick、onChange）；浏览器 API（window、localStorage）。
- use() Hook：可从 react 导入 use，用于读取 Promise（在解析完成前挂起），也支持条件式读取 Context——资料指出这是 useContext 无法做到的。
- Actions 与 useActionState：示例展示了 "use server" 的异步表单提交函数，以及使用 useActionState 获取 state、action 和 isPending，并在表单 action 中调用、在提交期间禁用按钮。
- ref 作为 prop：React 19 中 ref 就是普通 prop，示例组件直接接收 ref 并传给 input；资料标注旧的 forwardRef 写法已不再必要。
三、使用方式 以代码示例形式展示正确与错误写法（用 ✅ / ❌ 标注），供编写 React 19 组件时对照遵循。资料未提供该技能的安装命令、调用步骤或工具集成方式。
四、适用场景 适用于使用 React 19 和 React Compiler 的 .tsx 项目开发，包括服务端／客户端组件划分、表单 Action 处理、Promise 与 Context 读取、ref 传递等。
五、限制 资料未说明该技能支持的版本范围、依赖条件、是否收费或价格、支持平台，也未给出完整规则清单与安装方式，这些信息暂未提供。