review-performance-patterns

Review React 19 code for performance anti-patterns in re-renders and bundle size.

Updated Nov 21, 2025

Search Tags:#react #optimization #bundle size #code splitting #performance review #memoization #react 19 #re-renders

One-click install

npx skills add https://github.com/djankies/claude-configs --skill review-performance-patterns

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: review-performance-patterns
Source: https://github.com/djankies/claude-configs/tree/main/react-19/concerns/performance/skills/review-performance-patterns
Command: npx skills add https://github.com/djankies/claude-configs --skill review-performance-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Manually reviewing code for performance bottlenecks in React 19 can be time-consuming, complex, and often misses subtle issues related to re-renders, memoization, and bundle size. This Skill streamlines the review process.

Core Features & Use Cases

Re-Rendering Checklist: Identifies unnecessary re-renders, proper use of React Compiler, and effective context splitting.
Memoization Review: Checks for appropriate (and not premature) use of useMemo, useCallback, and React.memo.
Bundle Size Optimization: Verifies effective code splitting, Server Component usage, and lazy loading.
Resource Loading Audit: Ensures critical resources are preloaded and images/fonts are optimized.
Use Case: Perform a performance review of the ProductGallery component and its children, identifying areas for optimization related to re-renders, bundle size, and resource loading.

Quick Start

Review the src/components/Dashboard.js file for React 19 performance anti-patterns, focusing on unnecessary re-renders and bundle size.