Applies Vercel Engineering's 40+ React/Next.js performance rules across data fetching, bundling, and rendering when writing or reviewing code.
Visit skill This is mine — claim it
Source: https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices
Listing URL: https://wingmanprotocol.com/skills/react-best-practices/
Show your listing is live — the card backlinks here and picks up the verified badge automatically once you claim it.
<iframe src="https://wingmanprotocol.com/embed/card/react-best-practices" width="340" height="170" style="border:0;border-radius:10px" loading="lazy" title="React/Next.js Best Practices — live on WingMan Protocol"></iframe>
Or the one-line script:
<script src="https://wingmanprotocol.com/embed/card.js" data-slug="react-best-practices" async></script>
Or a README badge:
[](https://wingmanprotocol.com/directory/react-best-practices?utm_source=badge)
Guides refactors away from boolean-prop-heavy components toward compound components, render props, and other patterns that scale.
Builds production-quality, non-AI-generated-looking UI components, layouts, and state management.
Covers React Native/Expo performance patterns - list rendering, animations, native modules - for building mobile apps.
Implements page and element transition animations with React's View Transition API and its CSS pseudo-elements.