LogoClawIndex
案例技能关于
LogoClawIndex

react-dev - 类型安全的 React 与 TypeScript 组件开发指南

提供使用 TypeScript 构建 React 组件的类型安全模式，涵盖 React 18-19 特性、事件处理、Hooks、泛型组件、服务端组件及路由集成。

标签

更新于: 2026-06-30
ReactTypeScriptReact 19服务端组件类型安全TanStack RouterReact Router泛型组件

能力

构建类型安全的 React 组件实现泛型组件为事件处理和 Hooks 添加类型使用 React 19 特性与模式

典型输入

React 组件源代码TypeScript 配置路由配置文件

典型输出

类型安全的 React 组件代码带有类型的 Hooks 和事件处理器泛型组件实现

该技能可以做什么

  • 构建类型安全的 React 组件
  • 实现泛型组件
  • 为事件处理和 Hooks 添加类型
  • 使用 React 19 特性与模式
  • 集成 TanStack Router 和 React Router
  • 创建服务端组件和服务端 Actions

输入

  • React 组件源代码
  • TypeScript 配置
  • 路由配置文件

输出

  • 类型安全的 React 组件代码
  • 带有类型的 Hooks 和事件处理器
  • 泛型组件实现
  • 服务端组件和服务端 Action 代码
  • 类型安全的路由配置

要求

  • 已安装 React 18 或 React 19
  • TypeScript 编译器支持
  • TanStack Router 或 React Router v7 用于路由模式

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。