react-syntax-refs
Installation
SKILL.md
react-syntax-refs
Quick Reference
Ref Hooks and APIs
| API | Purpose | React 18 | React 19 |
|---|---|---|---|
useRef<T> |
Hold mutable value or DOM reference | Yes | Yes |
forwardRef |
Pass ref through component | Required | Deprecated (ref is a prop) |
useImperativeHandle |
Expose limited API to parent | With forwardRef |
With ref prop |
| Callback refs | Function-based ref assignment | Yes | Yes + cleanup return |
TypeScript Signatures
// useRef — DOM element
const ref = useRef<HTMLInputElement>(null);
Related skills