React patterns, hooks, and best practices. Use when building React components.
Scanned 9/12/2026
Install to Claude Code
Skills Directorynpx -y skills add skeletorflet/opencode-supreme-setup --skill react --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of React?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/skeletorflet-react)More formats (shields.io, HTML) on the badges page.
---
name: react
description: React patterns, hooks, and best practices. Use when building React components.
---
## react
Write clean React code.
### Component patterns
- Composition over inheritance
- Lift state up
- Container/Presentational
- Custom hooks for reusable logic
- Compound components
### Hooks rules
- Only at top level
- Only from React functions
- Correct dependencies array
- useMemo/useCallback for expensive
- useEffect for side effects
### Performance
- React.memo for pure components
- Lazy loading with React.lazy
- Virtual scrolling for long lists
- Avoid unnecessary re-renders
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
