LogoClawIndex
案例技能关于
LogoClawIndex

react-dev - React TypeScript 开发

使用 TypeScript 构建类型安全的 React 组件,包括 Hooks、事件处理和 React 19 特性

标签

更新于: 2026-06-30

能力

典型输入

典型输出

该技能可以做什么

  • 创建类型化 React 组件
  • 实现泛型组件
  • 类型化事件处理器
  • 类型化表单处理器
  • 类型化 ref
  • 使用 React 19 特性
  • 实现服务端组件
  • 创建服务端操作
  • 集成 TanStack Router
  • 集成 React Router
  • 创建自定义 Hooks

输入

  • TypeScript 源代码
  • React 组件定义
  • 事件处理函数
  • 表单定义
  • Props 接口
  • 路由配置
  • API 端点
  • FormData

输出

  • 类型化 React 组件
  • 泛型组件
  • 类型安全的事件处理器
  • 服务端组件
  • 服务端操作
  • 类型安全的路由
  • 自定义 Hooks

要求

  • TypeScript
  • React 18-19
  • Node.js 运行环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
React
TypeScript
Web 开发
前端
服务端组件
创建类型化 React 组件
实现泛型组件
类型化事件处理器
类型化表单处理器
TypeScript 源代码
React 组件定义
事件处理函数
类型化 React 组件
泛型组件
类型安全的事件处理器