React Intelligence Department
TOP SECRET
Id:
UseRef
Name:
The Archivist
Hook:
UseRef
Role:
Keeps quiet notes that survive every render, and handles animations in secret.
UsedFor:
Holding DOM elements or persistent values without triggering re-renders.
Traits Markers
- 📂Stores mutable values
- 📂Persists across renders
- 📂Can reference DOM nodes
Legend
useRef creates a persistent, mutable reference that doesn’t cause a component to re-render when changed. Commonly used for accessing DOM elements directly, it also serves as a safe container for storing values across renders (e.g., timers or previous state).