LogoClawIndex
CasesSkillsAbout
LogoClawIndex

hooks-pattern - Reuse Stateful Logic with React Hooks

Teaches how to use React Hooks and custom hooks to reuse stateful logic across functional components.

Tags

Updated: 2026-10-06
ReactHookscustom hooksfunctional componentsstate managementside effects

Capabilities

Manage functional component stateHandle component side effectsCreate reusable custom hooksShare stateful logic

Typical Inputs

React component codeShared stateful logicSide-effect requirements

Typical Outputs

Hook usage guidanceCustom hook implementationsRefactored functional components

What this skill does

  • Manage functional component state
  • Handle component side effects
  • Create reusable custom hooks
  • Share stateful logic
  • Follow Hooks rules
  • Avoid unnecessary effects

Inputs

  • React component code
  • Shared stateful logic
  • Side-effect requirements

Outputs

  • Hook usage guidance
  • Custom hook implementations
  • Refactored functional components

Requirements

  • React 16.8 or later
  • React functional components

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.