Individual skill
react-optimise
Application-level React performance optimization covering React Compiler mastery, bundle optimization, rendering performance, data fetching, Core Web Vitals, state subscriptions, profiling, and memory management. Use when optimizing React app performance, analyzing bundle size, improving Core Web Vitals, or profiling render bottlenecks. Complements the react skill (API-level patterns) with holistic performance strategies. Does NOT cover React 19 API usage (see react skill) or Next.js-specific features (see nextjs-16-app-router skill).
skills/.experimental/react-optimise/SKILL.md
Source commit cf93c57cac89d6fc3e4194686000411567f5caf3
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- Yes
- Observed behavior
- Not checked yet
- Last checked
- Nov 5, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 222
- Repository last updated
- Aug 15, 2026
- License
- MIT
Observed agent integration: codex
- data Derived category
- engineering Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
AGENTS.mddoc · 9,277 bytesREADME.mddoc · 4,481 bytesSKILL.mdcore · 10,573 bytesassets/templates/_template.mddoc · 631 bytesmetadata.jsonasset · 776 bytesreferences/_sections.mddoc · 2,134 bytesreferences/bundle-analyze-budgets.mddoc · 1,956 bytesreferences/bundle-barrel-elimination.mddoc · 1,593 bytesreferences/bundle-dynamic-imports.mddoc · 2,122 bytesreferences/bundle-prefetch-routes.mddoc · 2,631 bytesreferences/bundle-route-splitting.mddoc · 2,481 bytesreferences/bundle-tree-shake-deps.mddoc · 2,119 bytesreferences/compiler-friendly-code.mddoc · 1,874 bytesreferences/compiler-incremental-adoption.mddoc · 2,215 bytesreferences/compiler-ref-access-patterns.mddoc · 2,610 bytesreferences/compiler-remove-manual-memo.mddoc · 1,853 bytesreferences/compiler-side-effect-rules.mddoc · 1,933 bytesreferences/compiler-silent-bailouts.mddoc · 2,179 bytesreferences/cwv-cls-prevention.mddoc · 1,960 bytesreferences/cwv-image-optimization.mddoc · 2,082 bytesreferences/cwv-inp-optimization.mddoc · 2,166 bytesreferences/cwv-instrumentation.mddoc · 2,168 bytesreferences/cwv-lcp-optimization.mddoc · 2,481 bytesreferences/fetch-abort-stale.mddoc · 2,370 bytesreferences/fetch-eliminate-waterfalls.mddoc · 2,706 bytesreferences/fetch-request-deduplication.mddoc · 2,538 bytesreferences/fetch-route-preloading.mddoc · 2,195 bytesreferences/fetch-stale-while-revalidate.mddoc · 2,272 bytesreferences/mem-async-cancellation.mddoc · 2,352 bytesreferences/mem-closure-leaks.mddoc · 2,900 bytesreferences/mem-effect-cleanup.mddoc · 2,077 bytesreferences/mem-heap-snapshots.mddoc · 3,032 bytesreferences/mem-heavy-resources.mddoc · 2,667 bytesreferences/profile-before-optimize.mddoc · 2,881 bytesreferences/profile-flame-charts.mddoc · 2,916 bytesreferences/profile-performance-budgets.mddoc · 2,072 bytesreferences/profile-production-builds.mddoc · 2,541 bytesreferences/profile-react-devtools.mddoc · 2,502 bytesreferences/render-avoid-inline-objects.mddoc · 2,404 bytesreferences/render-children-pattern.mddoc · 1,776 bytesreferences/render-css-containment.mddoc · 2,382 bytesreferences/render-debounce-expensive.mddoc · 3,070 bytesreferences/render-key-stability.mddoc · 1,786 bytesreferences/render-virtualize-lists.mddoc · 2,468 bytesreferences/sub-atomic-state.mddoc · 2,609 bytesreferences/sub-context-splitting.mddoc · 2,720 bytesreferences/sub-derived-state-perf.mddoc · 2,274 bytesreferences/sub-selector-subscriptions.mddoc · 2,071 bytesreferences/sub-server-client-separation.mddoc · 2,868 bytes
Read excerpt
# 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).
## When to Apply
- Optimizing React application performance or bundle size
- Adopting or troubleshooting React Compiler v1.0
- Splitting bundles and configuring code splitting
- Improving Core Web Vitals (INP, LCP, CLS)
- Profiling render performance and identifying bottlenecks
- Fixing memory leaks in long-lived single-page applications
- Optimizing data fetching patterns and eliminating waterfalls
