---
id: manual-vercel-react-best-practices
name: "Vercel React Best Practices"
nameZh: "Vercel React 最佳实践"
sourceCategory: "Vercel Skill"
sourceCategoryZh: "Vercel Skill"
url: "https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices"
sourceUrl: "https://github.com/vercel-labs/agent-skills"
tags: ["React","Next.js","Performance"]
tagsZh: ["React","Next.js","性能"]
categorySlugs: ["dev","testing"]
---

# Vercel React Best Practices

中文名称：Vercel React 最佳实践

## Description

Applies 57 performance rules to React and Next.js code.

把 57 条性能规则应用到 React 和 Next.js 代码中。

## 中文说明

把 57 条性能规则应用到 React 和 Next.js 代码中。

- 打开或安装 Skill：https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices
- 查看原始来源：https://github.com/vercel-labs/agent-skills
- 分类：dev, testing
- 标签：React、Next.js、性能

## Use This Skill

- Open or install the skill from: https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices
- Review the original source: https://github.com/vercel-labs/agent-skills
- Categories: dev, testing
- Tags: React, Next.js, Performance
- 中文标签：React、Next.js、性能

## README SEO Report

### Detailed Overview

A structured repository for creating and maintaining React Best Practices optimized for agents and LLMs.

### Installation

1. Install dependencies: 2. Build AGENTS.md from rules: 3. Validate rule files: 4. Extract test cases:

### Usage

Use this skill when the task involves React, Next.js, Performance. It can be adapted into Claude Skills, Codex Skills, Gemini Skills, Kimi Skills, GLM Skills, or a team SOP.

### Capabilities

Primary workflow coverage: dev, testing.

### Source Archive

- Archive source type: github
- Primary README/SKILL doc: github/skills/react-best-practices/README.md
- Archived docs: github/skills/react-best-practices/README.md, github/skills/react-best-practices/SKILL.md, github/skills/react-best-practices/AGENTS.md, github/skills/react-best-practices/rules/_sections.md, github/skills/react-best-practices/rules/_template.md, github/skills/react-best-practices/rules/js-early-exit.md, github/skills/react-best-practices/rules/js-index-maps.md, github/skills/react-best-practices/rules/rerender-memo.md, github/skills/react-best-practices/rules/async-parallel.md, github/skills/react-best-practices/rules/bundle-preload.md, github/skills/react-best-practices/rules/js-hoist-regexp.md, github/skills/react-best-practices/rules/js-min-max-loop.md

## 3W FAQ

### What is this skill?

Applies 57 performance rules to React and Next.js code.

### Who is this skill for?

This skill is for teams or AI agents working on dev, testing workflows.

### When should you use it?

Use it when the task matches these tags: React, Next.js, Performance.

## 中文 3W FAQ

### What：这个 skill 是什么？

把 57 条性能规则应用到 React 和 Next.js 代码中。

### Who：适合谁使用？

适合处理 dev、testing 工作流的团队、运营人员、开发者或 AI Agent。

### When：什么时候使用？

当任务涉及 React、Next.js、性能，或需要沉淀为 Claude Skills、Codex Skills、Gemini Skills、Kimi Skills、GLM Skills 或团队 SOP 时使用。