Vercel React Best Practices
by vercel882e66c26986MITListed Oct 8, 2026Updated Oct 8, 2026
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used 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.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| AGENTS.md | 92.3 KB | text/markdown |
| rules/advanced-event-handler-refs.md | 1.4 KB | text/markdown |
| rules/advanced-init-once.md | 958 B | text/markdown |
| rules/advanced-use-latest.md | 1 KB | text/markdown |
| rules/async-api-routes.md | 1.1 KB | text/markdown |
| rules/async-defer-await.md | 2 KB | text/markdown |
| rules/async-dependencies.md | 1.3 KB | text/markdown |
| rules/async-parallel.md | 654 B | text/markdown |
| rules/async-suspense-boundaries.md | 2.5 KB | text/markdown |
| rules/bundle-barrel-imports.md | 2.3 KB | text/markdown |
| rules/bundle-conditional.md | 949 B | text/markdown |
| rules/bundle-defer-third-party.md | 920 B | text/markdown |
| rules/bundle-dynamic-imports.md | 791 B | text/markdown |
| rules/bundle-preload.md | 1.1 KB | text/markdown |
| rules/client-event-listeners.md | 1.9 KB | text/markdown |
| rules/client-localstorage-schema.md | 1.9 KB | text/markdown |
| rules/client-passive-event-listeners.md | 1.6 KB | text/markdown |
| rules/client-swr-dedup.md | 1.1 KB | text/markdown |
| rules/js-batch-dom-css.md | 3.2 KB | text/markdown |
| rules/js-cache-function-results.md | 1.9 KB | text/markdown |
| rules/js-cache-property-access.md | 532 B | text/markdown |
| rules/js-cache-storage.md | 1.6 KB | text/markdown |
| rules/js-combine-iterations.md | 753 B | text/markdown |
| rules/js-early-exit.md | 1.1 KB | text/markdown |
| rules/js-flatmap-filter.md | 1.4 KB | text/markdown |
| rules/js-hoist-regexp.md | 1 KB | text/markdown |
| rules/js-index-maps.md | 837 B | text/markdown |
| rules/js-length-check-first.md | 1.7 KB | text/markdown |
| rules/js-min-max-loop.md | 2.2 KB | text/markdown |
| rules/js-set-map-lookups.md | 532 B | text/markdown |
| rules/js-tosorted-immutable.md | 1.7 KB | text/markdown |
| rules/rendering-activity.md | 564 B | text/markdown |
| rules/rendering-animate-svg-wrapper.md | 1.2 KB | text/markdown |
| rules/rendering-conditional-render.md | 980 B | text/markdown |
| rules/rendering-content-visibility.md | 815 B | text/markdown |
| rules/rendering-hoist-jsx.md | 1 KB | text/markdown |
| rules/rendering-hydration-no-flicker.md | 2.3 KB | text/markdown |
| rules/rendering-hydration-suppress-warning.md | 872 B | text/markdown |
| rules/rendering-resource-hints.md | 2.5 KB | text/markdown |
| rules/rendering-script-defer-async.md | 1.8 KB | text/markdown |
| rules/rendering-svg-precision.md | 588 B | text/markdown |
| rules/rendering-usetransition-loading.md | 2 KB | text/markdown |
| rules/rerender-defer-reads.md | 973 B | text/markdown |
| rules/rerender-dependencies.md | 824 B | text/markdown |
| rules/rerender-derived-state.md | 728 B | text/markdown |
| rules/rerender-derived-state-no-effect.md | 1.2 KB | text/markdown |
| rules/rerender-functional-setstate.md | 2.9 KB | text/markdown |
| rules/rerender-lazy-state-init.md | 2 KB | text/markdown |
| rules/rerender-memo.md | 1.1 KB | text/markdown |
| rules/rerender-memo-with-default-value.md | 1.1 KB | text/markdown |
| rules/rerender-move-effect-to-event.md | 1.2 KB | text/markdown |
| rules/rerender-no-inline-components.md | 2.1 KB | text/markdown |
| rules/rerender-simple-expression-in-memo.md | 1018 B | text/markdown |
| rules/rerender-split-combined-hooks.md | 1.8 KB | text/markdown |
| rules/rerender-transitions.md | 1 KB | text/markdown |
| rules/rerender-use-deferred-value.md | 1.8 KB | text/markdown |
| rules/rerender-use-ref-transient-values.md | 1.7 KB | text/markdown |
| rules/_sections.md | 1.5 KB | text/markdown |
| rules/server-after-nonblocking.md | 2 KB | text/markdown |
| rules/server-auth-actions.md | 2.6 KB | text/markdown |
| rules/server-cache-lru.md | 1.3 KB | text/markdown |
| rules/server-cache-react.md | 2.2 KB | text/markdown |
| rules/server-dedup-props.md | 2 KB | text/markdown |
| rules/server-hoist-static-io.md | 4.3 KB | text/markdown |
| rules/server-parallel-fetching.md | 1.5 KB | text/markdown |
| rules/server-serialization.md | 996 B | text/markdown |
| rules/_template.md | 631 B | text/markdown |
| SKILL.md | 6.5 KB | text/markdown |
Source and attribution
Source:vercel/vercel-plugininskills/react-best-practices/upstreamat commit882e66c
License: MIT
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from vercel/vercel-plugin
React Best Practices
vercel
A React and Next.js best-practices checklist of 64 rules for reviewing and optimizing TSX components.
Vercel Agent
vercel
Guidance on Vercel Agent, Vercel's AI assistant for chat, code review, investigations, and product installation.
Shadcn
vercel
Guides shadcn/ui CLI usage, component installation, theming, custom registries, and interface composition.
Queues
vercel
Guidance for using Vercel Queues durable topics to publish and consume background messages.
Next Upgrade
vercel
Guides upgrading a Next.js project to the latest version using official migration guides and codemods.
Next Cache Components
vercel
Guides Next.js 16 Cache Components: PPR, the use cache directive, cacheLife, cacheTag, and migration from unstable_cache.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Dpop Adoption
Guides implementation of OAuth 2.0 DPoP (RFC 9449) sender-constrained refresh tokens for Google's OAuth platform.
Gemini Live Api
Generates a Gemini Live API WebSocket client class, tests, docs, and a demo UI for bidirectional streaming.
Gemini Api
Guides use of the Gemini API on Google's Agent Platform with the Gen AI SDK across languages and capabilities.