react-best-practices

Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage. Must use when reading or writing React components (.tsx, .jsx files with React imports).

1.07x

Quality

77%

Does it follow best practices?

Impact

96%

1.07x

Average score across 3 eval scenarios

Securityby

—

The risk profile of this skill

Fix and improve this skill with Tessl

tessl review fix ./data/skills-md/0xbigboss/claude-code/react-best-practices/SKILL.md

Preview

This is a new way to view eval results. We're still working on it, so the layout may change.

Run	Type	Date	Status
baseline vs usage-spec With / without context 7 months ago Completed	With / without context	7 months ago	Completed

Eval run

019cc767-e23d-7234-ad8b-7d66a7f55c48

Run 7 months ago

Stats are not available yet

The run is available. Its result stats will appear here when they are ready.

Repository: NeverSight/learn-skills.dev
Path: data/skills-md/0xbigboss/claude-code/react-best-practices/SKILL.md
Commit: e941209

Evaluated: 7 months ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Refactor a Buggy Task Management Component Build a Real-Time Chat Room Component Build an Interactive Ingredient Checklist with Smart Focus

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.