LogoClawIndex
CasesSkillsAbout
LogoClawIndex

react-best-practices - Vercel React Best Practices Guide

React and Next.js performance optimization guidelines with 57 rules across 8 categories

Tags

Updated: 2026-03-20

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • generate performance rules
  • optimize React components
  • optimize Next.js pages
  • optimize data fetching
  • optimize bundle size
  • optimize server-side code
  • optimize client-side code
  • optimize rendering performance

Inputs

  • React component code
  • Next.js page code
  • data fetching patterns

Outputs

  • performance optimization rules
  • code review recommendations
  • refactoring guidelines

Requirements

  • React framework
  • Next.js framework

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
react
nextjs
performance
optimization
ssr
bundle-size
frontend
development
generate performance rules
optimize React components
optimize Next.js pages
optimize data fetching
React component code
Next.js page code
data fetching patterns
performance optimization rules
code review recommendations
refactoring guidelines