Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →majiayu000/react-best-practices
React and Next.js performance playbook distilled from Vercel Engineering guidance.
Passed 22 of 22 test cases with the skill, and 21 of 22 without it.
1 fixed21 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
A test case the skill fixed. Same model, same prompt, with and without the skill.
I have a React analytics table component that feels sluggish when rendering large datasets and making API calls. Please evaluate the code and structure your response by leading with the highest-leverage performance issue, detailing the exact runtime or build cost of the present pattern, showing a minimal code refactor, and suggesting concrete validation steps like profiler or bundle impact checks.
| Checked | Without skill | With skill |
|---|---|---|
| The response addresses data fetching waterfalls or server-side execution priority before recommending list virtualization or rendering optimizations. | Missed | Passed |
The instructions your model reads when the skill loads.
Practical React and Next.js guidance for performance-sensitive product work.
This skill is a self-contained distillation of the Vercel React performance guidance so it can be installed and used directly inside Spellbook.
Use this skill when the user asks to:
Always check higher-priority categories first.
| Priority | Category | Focus |
|---|---|---|
| 1 | Waterfalls | start async work early, await late, parallelize independent fetches |
| 2 | Bundle size | avoid barrel imports, defer heavy code, split by feature |
| 3 | Server-side performance | dedupe work, minimize serialization, prefer server execution |
| 4 | Client data fetching | dedupe requests, avoid redundant listeners and client churn |
| 5 | Rerenders | reduce subscriptions, stabilize dependencies, move expensive work |
| 6 | Rendering | avoid hydration flicker, reduce DOM/SVG cost, optimize long lists |
| 7 | JavaScript hot paths | cache repeated lookups, combine iterations, exit early |
| 8 | Advanced patterns | stable refs and callback patterns for edge cases |
test cases passed, vs 21 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.