React Performance

Component optimization

$ Installieren

git clone https://github.com/databayt/hogwarts /tmp/hogwarts && cp -r /tmp/hogwarts/.claude/skills/react-performance ~/.claude/skills/hogwarts

// tip: Run this command in your terminal to install the skill


name: React Performance description: Component optimization version: 1.0.0 category: performance

React Performance Skill

Memoization

  • React.memo for components
  • useMemo for calculations
  • useCallback for handlers

Code Splitting

  • React.lazy for heavy components
  • Suspense for loading states

Checklist

  • Memoized expensive components
  • No inline functions
  • Lazy loaded when appropriate