Beginner React Interview QuestionsBeginnerComparison
React · Question 30
What is the difference between useRef and useState?
Direct answer
useState stores render-driving data and schedules renders when updated; useRef stores mutable persistent data whose changes do not schedule a render.
| Feature | useState | useRef |
|---|---|---|
| Persists between renders | Yes | Yes |
| Update triggers render | Yes, when React accepts a changed state | No |
| Read in render | Normal use | Avoid mutable ref reads for render-driving logic |
| Common use | Visible component data | DOM handles, timer IDs, mutable non-visual values |
Both preserve information across renders, but only state participates directly in React's declarative rendering model.