Installs into .claude/skills of the current project.
Are you the author of React?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/skeletorflet-react)
---
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
