developing-react-apps
CommunityBoost React performance with best practices
System Documentation
What problem does it solve?
This skill provides a comprehensive set of React performance best practices to help teams write faster, more efficient React and Next.js code, reducing render times, improving hydration, and optimizing data fetching.
Core Features & Use Cases
It aggregates 47 focused rules across categories including Eliminating Waterfalls, Bundle Size Optimization, Server-Side Performance, Client-Side Data Fetching, Re-render Optimization, Rendering Performance, JavaScript Performance, and Advanced Patterns. It offers practical guidance for common scenarios such as server components vs client components, data fetching, code-splitting, memoization, and performance reviews. It includes a structured format for each rule to guide review and implementation, plus a robust reference index to locate details quickly.
Quick Start
Review the 47 performance rules and begin applying the most impactful optimizations to your React/Next.js project.
Dependency Matrix
Required Modules
None requiredComponents
💻 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: developing-react-apps Download link: https://github.com/adbutterfield/coding-agent-plugins/archive/main.zip#developing-react-apps Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.