LogoClawIndex
CasesSkillsAbout
LogoClawIndex

component-patterns - React Component Patterns

Implement React component patterns including compound components, custom hooks, render props, and polymorphic components

Tags

Updated: 2026-03-22

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • create compound components
  • implement custom hooks
  • apply render props
  • build polymorphic components
  • manage shared state
  • persist state locally

Inputs

  • React environment
  • component props
  • initial values
  • media query string

Outputs

  • React components
  • custom hooks
  • stateful logic
  • responsive UI components

Requirements

  • React runtime environment
  • TypeScript support

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
component patterns
frontend
custom hooks
UI patterns
create compound components
implement custom hooks
apply render props
build polymorphic components
React environment
component props
initial values
React components
custom hooks
stateful logic