react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements. Do NOT use for component API architecture or composition patterns (use react-composition-patterns instead).

• AGENTS.md81,716 bytes
• README.md3,360 bytes
• SKILL.md6,436 bytes
• rules/_sections.md1,554 bytes
• rules/_template.md631 bytes
• rules/advanced-event-handler-refs.md1,483 bytes
• rules/advanced-init-once.md958 bytes
• rules/advanced-use-latest.md1,072 bytes
• rules/async-api-routes.md1,125 bytes
• rules/async-defer-await.md2,028 bytes
• rules/async-dependencies.md1,293 bytes
• rules/async-parallel.md654 bytes
• rules/async-suspense-boundaries.md2,510 bytes
• rules/bundle-barrel-imports.md2,370 bytes
• rules/bundle-conditional.md949 bytes
• rules/bundle-defer-third-party.md920 bytes
• rules/bundle-dynamic-imports.md791 bytes
• rules/bundle-preload.md1,149 bytes
• rules/client-event-listeners.md1,969 bytes
• rules/client-localstorage-schema.md1,950 bytes
• rules/client-passive-event-listeners.md1,644 bytes
• rules/client-swr-dedup.md1,159 bytes
• rules/js-batch-dom-css.md3,266 bytes
• rules/js-cache-function-results.md1,949 bytes
• rules/js-cache-property-access.md532 bytes
• rules/js-cache-storage.md1,651 bytes
• rules/js-combine-iterations.md753 bytes
• rules/js-early-exit.md1,133 bytes
• rules/js-hoist-regexp.md1,028 bytes
• rules/js-index-maps.md837 bytes
• rules/js-length-check-first.md1,747 bytes
• rules/js-min-max-loop.md2,290 bytes
• rules/js-set-map-lookups.md532 bytes
• rules/js-tosorted-immutable.md1,782 bytes
• rules/rendering-activity.md564 bytes
• rules/rendering-animate-svg-wrapper.md1,185 bytes
• rules/rendering-conditional-render.md980 bytes
• rules/rendering-content-visibility.md815 bytes
• rules/rendering-hoist-jsx.md1,039 bytes
• rules/rendering-hydration-no-flicker.md2,308 bytes
• rules/rendering-hydration-suppress-warning.md872 bytes
• rules/rendering-svg-precision.md588 bytes
• rules/rendering-usetransition-loading.md2,074 bytes
• rules/rerender-defer-reads.md973 bytes
• rules/rerender-dependencies.md824 bytes
• rules/rerender-derived-state-no-effect.md1,201 bytes
• rules/rerender-derived-state.md728 bytes
• rules/rerender-functional-setstate.md2,968 bytes
• rules/rerender-lazy-state-init.md2,016 bytes
• rules/rerender-memo-with-default-value.md1,173 bytes
• rules/rerender-memo.md1,148 bytes
• rules/rerender-move-effect-to-event.md1,268 bytes
• rules/rerender-simple-expression-in-memo.md1,018 bytes
• rules/rerender-transitions.md1,055 bytes
• rules/rerender-use-ref-transient-values.md1,742 bytes
• rules/server-after-nonblocking.md2,012 bytes
• rules/server-auth-actions.md2,649 bytes
• rules/server-cache-lru.md1,353 bytes
• rules/server-cache-react.md2,228 bytes
• rules/server-dedup-props.md2,060 bytes
• rules/server-parallel-fetching.md1,554 bytes
• rules/server-serialization.md996 bytes