react-component-performance

Analyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). Use when asked to profile or improve a React component, reduce re-renders, or speed up UI updates in React apps.

Try your first task

Diagnose a slow React component

Start a fresh conversation.

Use the react-component-performance skill to review <component-path> and the slow interaction described in <slowdown-description>. Identify the most likely re-render churn or expensive render work, then recommend one targeted optimization and a small React DevTools Profiler validation step. Treat both angle-bracketed values as placeholders. Do not edit the code yet.

Required inputs

React component file path
Description of the slow interaction
Optional React DevTools Profiler baseline

Suggested template by Skill Leaderboard, grounded in the linked source. Task evidence ↗

Inside SKILL.md

127 lines

Section content has not been verified for this skill yet.

Full source remains withheld under the current source-display policy. Read the author’s source ↗