React Optimise

This is a comprehensive performance optimization guide for React apps, covering 43 rules across everything from React Compiler adoption to bundle splitting and Core Web Vitals. It's structured by impact level, so you start with the critical wins like writing compiler-friendly code for automatic 2-10x optimization and route-based code splitting that cuts 40-70% off your initial bundle. The depth here is real: you get specific patterns for detecting silent compiler bailouts, eliminating barrel file import costs, and fixing data fetch waterfalls. Use this when you're actually profiling and need systematic guidance rather than random Stack Overflow tips. It complements the core react skill by focusing on application-level performance instead of API usage patterns.

skills.sh installs: 403
GitHub stars: 222
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add pproenca/dot-skills --skill react-optimise --agent claude-code

Installs into .claude/skills of the current project.

Files

React Optimise Best Practices

Application-level performance optimization guide for React applications. Contains 43 rules across 8 categories, prioritized by impact from critical (React Compiler, bundle optimization) to incremental (memory management).