React Best Practices

OpenAIOfficialCreated by vercelDistributed by OpenAI

Skill
Guidelines
Software development
Link-only
Low risk
Has scripts

From the author

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.

— the description by vercel

Install

Get the skill from its source (we cannot redistribute it):
https://github.com/openai/plugins/tree/d420d13051bffe4543ed39e30fa46b87148e47dd/plugins/build-web-apps/skills/react-best-practices

Documentation by vercel

The licence of this skill does not allow us to copy its documentation. Read it at the source

Files

AGENTS.md(opens on GitHub)Not mirrored: opens on GitHub92.3 KiB
README.md(opens on GitHub)Not mirrored: opens on GitHub3.3 KiB
SKILL.md(opens on GitHub)Not mirrored: opens on GitHub6.5 KiB
agents/openai.yaml(opens on GitHub)Not mirrored: opens on GitHub131 B
metadata.json(opens on GitHub)ScriptNot mirrored: opens on GitHub921 B
rules/_sections.md(opens on GitHub)Not mirrored: opens on GitHub1.5 KiB
rules/_template.md(opens on GitHub)Not mirrored: opens on GitHub631 B
rules/advanced-event-handler-refs.md(opens on GitHub)Not mirrored: opens on GitHub1.4 KiB
rules/advanced-init-once.md(opens on GitHub)Not mirrored: opens on GitHub958 B
rules/advanced-use-latest.md(opens on GitHub)Not mirrored: opens on GitHub1.0 KiB
rules/async-api-routes.md(opens on GitHub)Not mirrored: opens on GitHub1.1 KiB
rules/async-defer-await.md(opens on GitHub)Not mirrored: opens on GitHub2.0 KiB
rules/async-dependencies.md(opens on GitHub)Not mirrored: opens on GitHub1.3 KiB
rules/async-parallel.md(opens on GitHub)Not mirrored: opens on GitHub654 B
rules/async-suspense-boundaries.md(opens on GitHub)Not mirrored: opens on GitHub2.5 KiB
rules/bundle-barrel-imports.md(opens on GitHub)Not mirrored: opens on GitHub2.3 KiB
rules/bundle-conditional.md(opens on GitHub)Not mirrored: opens on GitHub949 B
rules/bundle-defer-third-party.md(opens on GitHub)Not mirrored: opens on GitHub920 B
rules/bundle-dynamic-imports.md(opens on GitHub)Not mirrored: opens on GitHub791 B
rules/bundle-preload.md(opens on GitHub)Not mirrored: opens on GitHub1.1 KiB
rules/client-event-listeners.md(opens on GitHub)Not mirrored: opens on GitHub1.9 KiB
rules/client-localstorage-schema.md(opens on GitHub)Not mirrored: opens on GitHub1.9 KiB
rules/client-passive-event-listeners.md(opens on GitHub)Not mirrored: opens on GitHub1.6 KiB
rules/client-swr-dedup.md(opens on GitHub)Not mirrored: opens on GitHub1.1 KiB
rules/js-batch-dom-css.md(opens on GitHub)Not mirrored: opens on GitHub3.2 KiB
rules/js-cache-function-results.md(opens on GitHub)Not mirrored: opens on GitHub1.9 KiB
rules/js-cache-property-access.md(opens on GitHub)Not mirrored: opens on GitHub532 B
rules/js-cache-storage.md(opens on GitHub)Not mirrored: opens on GitHub1.6 KiB
rules/js-combine-iterations.md(opens on GitHub)Not mirrored: opens on GitHub753 B
rules/js-early-exit.md(opens on GitHub)Not mirrored: opens on GitHub1.1 KiB
rules/js-flatmap-filter.md(opens on GitHub)Not mirrored: opens on GitHub1.4 KiB
rules/js-hoist-regexp.md(opens on GitHub)Not mirrored: opens on GitHub1.0 KiB
rules/js-index-maps.md(opens on GitHub)Not mirrored: opens on GitHub837 B
rules/js-length-check-first.md(opens on GitHub)Not mirrored: opens on GitHub1.7 KiB
rules/js-min-max-loop.md(opens on GitHub)Not mirrored: opens on GitHub2.2 KiB
rules/js-set-map-lookups.md(opens on GitHub)Not mirrored: opens on GitHub532 B
rules/js-tosorted-immutable.md(opens on GitHub)Not mirrored: opens on GitHub1.7 KiB
rules/rendering-activity.md(opens on GitHub)Not mirrored: opens on GitHub564 B
rules/rendering-animate-svg-wrapper.md(opens on GitHub)Not mirrored: opens on GitHub1.2 KiB
rules/rendering-conditional-render.md(opens on GitHub)Not mirrored: opens on GitHub980 B
rules/rendering-content-visibility.md(opens on GitHub)Not mirrored: opens on GitHub815 B
rules/rendering-hoist-jsx.md(opens on GitHub)Not mirrored: opens on GitHub1.0 KiB
rules/rendering-hydration-no-flicker.md(opens on GitHub)Not mirrored: opens on GitHub2.3 KiB
rules/rendering-hydration-suppress-warning.md(opens on GitHub)Not mirrored: opens on GitHub872 B
rules/rendering-resource-hints.md(opens on GitHub)Not mirrored: opens on GitHub2.5 KiB
rules/rendering-script-defer-async.md(opens on GitHub)Not mirrored: opens on GitHub1.8 KiB
rules/rendering-svg-precision.md(opens on GitHub)Not mirrored: opens on GitHub588 B
rules/rendering-usetransition-loading.md(opens on GitHub)Not mirrored: opens on GitHub2.0 KiB
rules/rerender-defer-reads.md(opens on GitHub)Not mirrored: opens on GitHub973 B
rules/rerender-dependencies.md(opens on GitHub)Not mirrored: opens on GitHub824 B
rules/rerender-derived-state-no-effect.md(opens on GitHub)Not mirrored: opens on GitHub1.2 KiB
rules/rerender-derived-state.md(opens on GitHub)Not mirrored: opens on GitHub728 B
rules/rerender-functional-setstate.md(opens on GitHub)Not mirrored: opens on GitHub2.9 KiB
rules/rerender-lazy-state-init.md(opens on GitHub)Not mirrored: opens on GitHub2.0 KiB
rules/rerender-memo-with-default-value.md(opens on GitHub)Not mirrored: opens on GitHub1.1 KiB
rules/rerender-memo.md(opens on GitHub)Not mirrored: opens on GitHub1.1 KiB
rules/rerender-move-effect-to-event.md(opens on GitHub)Not mirrored: opens on GitHub1.2 KiB
rules/rerender-no-inline-components.md(opens on GitHub)Not mirrored: opens on GitHub2.1 KiB
rules/rerender-simple-expression-in-memo.md(opens on GitHub)Not mirrored: opens on GitHub1018 B
rules/rerender-split-combined-hooks.md(opens on GitHub)Not mirrored: opens on GitHub1.8 KiB
rules/rerender-transitions.md(opens on GitHub)Not mirrored: opens on GitHub1.0 KiB
rules/rerender-use-deferred-value.md(opens on GitHub)Not mirrored: opens on GitHub1.8 KiB
rules/rerender-use-ref-transient-values.md(opens on GitHub)Not mirrored: opens on GitHub1.7 KiB
rules/server-after-nonblocking.md(opens on GitHub)Not mirrored: opens on GitHub2.0 KiB
rules/server-auth-actions.md(opens on GitHub)Not mirrored: opens on GitHub2.6 KiB
rules/server-cache-lru.md(opens on GitHub)Not mirrored: opens on GitHub1.3 KiB
rules/server-cache-react.md(opens on GitHub)Not mirrored: opens on GitHub2.2 KiB
rules/server-dedup-props.md(opens on GitHub)Not mirrored: opens on GitHub2.0 KiB
rules/server-hoist-static-io.md(opens on GitHub)Not mirrored: opens on GitHub4.3 KiB
rules/server-parallel-fetching.md(opens on GitHub)Not mirrored: opens on GitHub1.5 KiB
rules/server-serialization.md(opens on GitHub)Not mirrored: opens on GitHub996 B

Requirements and compatibility

Written for: OpenAI Codex

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.