review-performance-patterns
CommunityAutomate React 19 performance reviews, effortlessly.
Software Engineering#react#optimization#bundle size#code splitting#performance review#memoization#react 19#re-renders
Authordjankies
Version1.0.0
Installs0
System Documentation
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, andReact.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
ProductGallerycomponent 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.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: review-performance-patterns Download link: https://github.com/djankies/claude-configs/archive/main.zip#review-performance-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.