home/skills/coding/react-best-practices

React Best Practices

ClawHub

React and Next.js performance optimization guidelines from Vercel Engineering. 57 rules across 8 categories for writing, reviewing, and refactoring React code.

skillCoding & DevelopmentideclawhubSource โ†’
reactbestpracticesnextperformanceoptimizationguidelinesvercelengineeringrules
# React Best Practices

React and Next.js performance optimization guidelines from Vercel Engineering. 57 rules across 8 categories for writing, reviewing, and refactoring React code.

## Discovery Metadata
- Category: `coding`
- Framework: `ClawHub`
- Tags: `react`, `best`, `practices`, `next`, `performance`, `optimization`, `guidelines`, `vercel`, `engineering`, `rules`

## Agent Execution Policy

This listing is **discovery metadata only**. Canonical instructions are maintained by ClawHub.

### Before Executing Actions

1. **Fetch canonical instructions** from: https://clawhub.ai/skill/react-best-practices
2. **Parse the skill page** for setup, usage, and input/output requirements.
3. **Only proceed** after successfully loading and understanding the full instructions.

### If Fetch Fails

- Return `instruction_unavailable` with reason.
- Do **not** attempt to infer or improvise execution steps from this metadata alone.

## Source

- ClawHub listing: https://clawhub.ai/skill/react-best-practices
๐Ÿงช Found this useful?
The $SKILL experiment is building the agent skill distribution layer. Every skill you discover through this directory is part of the experiment.