{
  "id": 11197513,
  "title": "useRef Hook in React",
  "url": "https://urgent.news/2026/10/01/useref-hook-in-react",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-10-01T13:10:30.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/mahalakshmi_c_48a15c7871b/useref-hook-in-react-435e"
  },
  "original_language": "en",
  "account": "const count = useRef ( 0 );\n\nReact updates the mutable reference but does not trigger a re-render. This behavior contrasts with useState, which utilizes a setter function and causes a re-render when the state is updated. useRef proves useful when UI does not require updates, such as preserving previous values or accessing DOM elements.",
  "summary": "useRef is a React Hook that is used to store a value that persists between renders without causing the component to re-render when the value changes. It is also commonly used to access and interact with DOM elements directly. Syntax const reference = useRef ( initialValue ); For example: const count = useRef ( 0 ); What Does useRef Return? useRef() returns an object containing a property called…",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}