LogoClawIndex
CasesSkillsAbout
LogoClawIndex

react-best-practices - Optimize React Rendering and Bundle Performance

Provides React performance optimization guidelines for writing, reviewing, and refactoring components, hooks, memoization, and bundles.

Tags

Updated: 2026-10-07
Reactperformance optimizationrenderingbundle optimizationaccessibilitycomponent composition

Capabilities

Optimize component renderingReduce unnecessary re-rendersOptimize bundle loadingApply composition patterns

Typical Inputs

React component codeReact hooks and stateBundle configuration

Typical Outputs

React code recommendationsRefactored React componentsBundle optimization guidance

What this skill does

  • Optimize component rendering
  • Reduce unnecessary re-renders
  • Optimize bundle loading
  • Apply composition patterns
  • Review accessibility issues
  • Avoid React pitfalls

Inputs

  • React component code
  • React hooks and state
  • Bundle configuration
  • Accessibility requirements

Outputs

  • React code recommendations
  • Refactored React components
  • Bundle optimization guidance
  • Accessibility review findings

Requirements

    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.