# React Best Practices

> React Best Practices is an officially published skill from Vercel. Anomity scores its risk at 20 out of 100 (low).

- **Canonical URL:** https://catalog.anomity.ai/skill/react-best-practices
- **Kind:** Skill
- **Publisher:** Vercel
- **Trust level:** official
- **Risk score:** 20/100 (low)
- **Website:** https://vercel.com
- **Last updated:** 2026-09-02
- **JSON:** https://catalog.anomity.ai/api/entries/skill/react-best-practices

## Description

Vercel's skill encoding performance and correctness guidance for React and Next.js — server versus client components, data-fetching placement, memoisation that actually helps, and the rendering mistakes that produce slow pages.

It reads project files to give advice grounded in your actual code and writes changes when asked, so it declares filesystem read and write. The value is that guidance comes from the framework's authors rather than from whatever pattern dominated the training data, which for a framework that has changed its recommended architecture repeatedly is a meaningful difference.

## Why it scored 20

The score starts at the catalog's neutral base of 50 and moves only through the signals below. The formula is published at https://catalog.anomity.ai/about — there is no model and no hidden heuristic.

| Signal | Contribution | Severity | Evidence |
| --- | --- | --- | --- |
| Published by the vendor | -40 | trust offset |  |
| 1 high-risk capability: filesystem:write | +10 | high |  |

Clamped result: **20/100**, band **low**.

## Capabilities

| Capability | Name | Security implication |
| --- | --- | --- |
| `filesystem:read` | Filesystem read | Can read files on the host system. Used for context, indexing, or analysis. |
| `filesystem:write` | Filesystem write | Can create, edit, or delete files on the host system. High-impact capability — anything from helpful edits to planting persistence. |

## Related skills

- [AI Research Reproduction](https://catalog.anomity.ai/skill/ai-research-reproduction) — risk 100 (critical)
- [Using Git Worktrees](https://catalog.anomity.ai/skill/using-git-worktrees) — risk 65 (high)
- [Best Practices](https://catalog.anomity.ai/skill/web-best-practices) — risk 50 (medium)
- [Test-Driven Development](https://catalog.anomity.ai/skill/test-driven-development) — risk 50 (medium)
- [Writing Skills](https://catalog.anomity.ai/skill/writing-skills) — risk 50 (medium)
- [Angular Developer](https://catalog.anomity.ai/skill/angular-developer) — risk 20 (low)

---

Source: Anomity Catalog (https://catalog.anomity.ai/). Scoring methodology: https://catalog.anomity.ai/about. Machine-readable index: https://catalog.anomity.ai/llms.txt · https://catalog.anomity.ai/openapi.json