LogoClawIndex
CasesSkillsAbout
LogoClawIndex

react-dev - Type-Safe React & TypeScript Component Development Guide

Provides type-safe patterns for building React components with TypeScript, covering React 18-19 features, event handlers, hooks, generic components, server components, and router integration.

Tags

Updated: 2026-06-30

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Build typed React components
  • Implement generic components
  • Type event handlers and hooks
  • Use React 19 features and patterns
  • Integrate TanStack Router and React Router
  • Create server components and server actions

Inputs

  • React component source code
  • TypeScript configuration
  • Router configuration files

Outputs

  • Type-safe React component code
  • Typed hooks and event handlers
  • Generic component implementations
  • Server component and server action code
  • Type-safe routing configurations

Requirements

  • React 18 or React 19 installed
  • TypeScript compiler support
  • TanStack Router or React Router v7 for routing patterns

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
React
TypeScript
React 19
Server Components
Type Safety
TanStack Router
React Router
Generic Components
Build typed React components
Implement generic components
Type event handlers and hooks
Use React 19 features and patterns
React component source code
TypeScript configuration
Router configuration files
Type-safe React component code
Typed hooks and event handlers
Generic component implementations