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.
Ask your Agent
Use this Skill: https://skilld.dev/gh/siberiacancode/agent-skills/react-best-practices
This session only. Nothing lands on disk.
≈133 tokens on demand. Your agent reads this file only when SKILL.md points to it.
Cache object property lookups in hot paths.
Incorrect (3 lookups × N iterations):
for (let i = 0; i < arr.length; i++) {
process(obj.config.settings.value)
}Correct (1 lookup total):
const value = obj.config.settings.value
const len = arr.length
for (let i = 0; i < len; i++) {
process(value)
}Source: SKILL.md on GitHub
Signed by skilld at 53c8ff5. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.
Last checked against GitHub 2 weeks ago.
{
"author": "vercel",
"version": "1.0.0"
}