Back to results

Filtered result set

42 / 1260 matches

SkillHub ClubDesign ProductFrontendData / AIDesigner

react-best-practices

Provides concrete React patterns and anti-patterns for hooks, effects, and component design. Focuses on avoiding unnecessary effects, proper dependency management, and cleanup. Includes specific code examples for common scenarios like derived state, event handling, and data fetching.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
38
Hot score
90
Updated
March 20, 2026
Overall rating
A8.9
Composite score
7.2
Best-practice grade
B78.7

Install command

npx @skill-hub/cli install 0xbigboss-claude-code-react-best-practices
reactbest-practicescode-qualityhookseffects

Repository

0xBigBoss/claude-code

Skill path: .claude/skills/react-best-practices

Provides concrete React patterns and anti-patterns for hooks, effects, and component design. Focuses on avoiding unnecessary effects, proper dependency management, and cleanup. Includes specific code examples for common scenarios like derived state, event handling, and data fetching.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Frontend, Data / AI, Designer.

Target audience: Frontend teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: 0xBigBoss.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install react-best-practices into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/0xBigBoss/claude-code before adding react-best-practices to shared team environments
  • Use react-best-practices for frontend workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

react-best-practices | SkillHub