LogoClawIndex
CasesSkillsAbout
LogoClawIndex

react-frontend - React Frontend Development Standards

React frontend standards covering hooks, state management, performance optimization, testing, and accessibility for SPAs

Tags

Updated: 2026-06-30

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • use useState hook
  • use useEffect hook
  • use useContext hook
  • use useRef hook
  • useMemo computations
  • useCallback functions
  • use custom hooks
  • implement Context API
  • integrate React Query
  • integrate Zustand
  • integrate Redux Toolkit
  • lazy load components
  • memoize components
  • split code
  • implement virtual scrolling
  • test components
  • test hooks
  • implement semantic HTML
  • add ARIA labels
  • prevent XSS

Inputs

  • React application source code
  • TypeScript type definitions
  • external dependencies

Outputs

  • React component code
  • application test code
  • application build

Requirements

  • Node.js runtime environment
  • React framework
  • TypeScript support
  • testing framework

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
frontend
hooks
state management
performance
testing
accessibility
use useState hook
use useEffect hook
use useContext hook
use useRef hook
React application source code
TypeScript type definitions
external dependencies
React component code
application test code
application build