Individual skill
react-best-practices
Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing performance, or refactoring components.
skills-imported/react-best-practices/SKILL.md
Source commit faf37c0859ebf627bfcb5225e8057d088691e0ae
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 8, 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)
- 53
- Repository last updated
- Oct 10, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agent-skills Repository topic
- ai-agents Repository topic
- ai-agents-automation Repository topic
- ai-skills Repository topic
- awesome Repository topic
- awesome-list Repository topic
- chatgpt Repository topic
- claude-skills Repository topic
- meta-ai Repository topic
- muse-ai Repository topic
- react Declared skill tag
- next.js Declared skill tag
- performance Declared skill tag
- optimization Declared skill tag
- best-practices Declared skill tag
- bundle-size Declared skill tag
- rendering Declared skill tag
- server-components Declared skill tag
- 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
SKILL.mdcore · 7,357 bytesSKILL.mdcore · 7,357 bytesSKILL.mdcore · 7,357 bytesreferences/react-performance-guidelines.mddoc · 46,890 bytesreferences/rules/_sections.mddoc · 1,538 bytesreferences/rules/_template.mddoc · 631 bytesreferences/rules/advanced-event-handler-refs.mddoc · 960 bytesreferences/rules/advanced-use-latest.mddoc · 1,191 bytesreferences/rules/async-api-routes.mddoc · 1,125 bytesreferences/rules/async-defer-await.mddoc · 2,028 bytesreferences/rules/async-dependencies.mddoc · 942 bytesreferences/rules/async-parallel.mddoc · 654 bytesreferences/rules/async-suspense-boundaries.mddoc · 1,610 bytesreferences/rules/bundle-barrel-imports.mddoc · 2,370 bytesreferences/rules/bundle-conditional.mddoc · 870 bytesreferences/rules/bundle-defer-third-party.mddoc · 922 bytesreferences/rules/bundle-dynamic-imports.mddoc · 791 bytesreferences/rules/bundle-preload.mddoc · 1,151 bytesreferences/rules/client-event-listeners.mddoc · 1,976 bytesreferences/rules/client-swr-dedup.mddoc · 1,159 bytesreferences/rules/download_rules.shruns · 3,353 bytesreferences/rules/js-batch-dom-css.mddoc · 1,902 bytesreferences/rules/js-cache-function-results.mddoc · 1,954 bytesreferences/rules/js-cache-property-access.mddoc · 532 bytesreferences/rules/js-cache-storage.mddoc · 1,617 bytesreferences/rules/js-combine-iterations.mddoc · 753 bytesreferences/rules/js-early-exit.mddoc · 1,133 bytesreferences/rules/js-hoist-regexp.mddoc · 994 bytesreferences/rules/js-index-maps.mddoc · 837 bytesreferences/rules/js-length-check-first.mddoc · 1,745 bytesreferences/rules/js-min-max-loop.mddoc · 2,105 bytesreferences/rules/js-set-map-lookups.mddoc · 532 bytesreferences/rules/js-tosorted-immutable.mddoc · 1,755 bytesreferences/rules/rendering-activity.mddoc · 564 bytesreferences/rules/rendering-animate-svg-wrapper.mddoc · 1,188 bytesreferences/rules/rendering-conditional-render.mddoc · 983 bytesreferences/rules/rendering-content-visibility.mddoc · 822 bytesreferences/rules/rendering-hoist-jsx.mddoc · 819 bytesreferences/rules/rendering-hydration-no-flicker.mddoc · 2,308 bytesreferences/rules/rendering-svg-precision.mddoc · 591 bytesreferences/rules/rerender-defer-reads.mddoc · 973 bytesreferences/rules/rerender-dependencies.mddoc · 827 bytesreferences/rules/rerender-derived-state.mddoc · 724 bytesreferences/rules/rerender-lazy-state-init.mddoc · 2,016 bytesreferences/rules/rerender-memo.mddoc · 935 bytesreferences/rules/rerender-transitions.mddoc · 1,055 bytesreferences/rules/server-cache-lru.mddoc · 1,011 bytesreferences/rules/server-cache-react.mddoc · 679 bytesreferences/rules/server-parallel-fetching.mddoc · 1,511 bytesreferences/rules/server-serialization.mddoc · 826 bytes
Read excerpt
# React Best Practices - Performance Optimization
Comprehensive performance optimization guide for React and Next.js applications with 40+ rules organized by impact level. Designed to help developers eliminate performance bottlenecks and follow best practices.
## When to use this skill
**Use React Best Practices when:**
- Optimizing React or Next.js application performance
- Reviewing code for performance improvements
- Refactoring existing components for better performance
- Implementing new features with performance in mind
- Debugging slow rendering or loading issues
- Reducing bundle size
- Eliminating request waterfalls