LogoClawIndex
CasesSkillsAbout
LogoClawIndex

react-best-practices - React Performance Optimization Best Practices for Cloud UI

Client-side React performance optimization patterns with 29 rules organized by category and impact.

Tags

Updated: 2026-02-18
reactperformanceoptimizationbest-practicesfrontend

Capabilities

Check barrel importsSuggest code splittingValidate memo usageCheck hook dependencies

Typical Inputs

React source codeBuild configurationPerformance metrics

Typical Outputs

Optimization recommendationsRule compliance report

What this skill does

  • Check barrel imports
  • Suggest code splitting
  • Validate memo usage
  • Check hook dependencies
  • Recommend preload strategies
  • Detect conditional renders
  • Review SVG optimization
  • Audit async loading
  • Verify event cleanup
  • Validate passive listeners

Inputs

  • React source code
  • Build configuration
  • Performance metrics

Outputs

  • Optimization recommendations
  • Rule compliance report

Requirements

  • React 16.8+
  • Access to source code

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.