Create a reference

In React, we've seen how to use useState to create reactive values. But sometimes, we need to store a value in memory without triggering a re-render. Or target an element in the DOM as we would with document.querySelector.

This is where the useRef hook becomes very useful.

What exactly does useRef do?

The useRef hook allows you to keep a value between renders, without its modification triggering a new render.