React Performance Check Skill

Purpose

Detect common React performance anti-patterns that cause unnecessary re-renders, UI lag, or unexpected behavior. Focus on patterns that are easy to introduce but hard to debug.

Anti-Pattern Categories

1. State/Ref Conflict (CRITICAL)

The Problem: Using React state AND ref-based DOM updates for the same CSS property causes ref updates to be overwritten on every re-render.

Detection: