Três Formas de Armazenar Variáveis no React: A Relevância Subestimada do `useRef`

Existem três abordagens principais para armazenar variáveis no React, com um foco particular na funcionalidade do hook `useRef`. Variáveis puras do JavaScript (Vanilla JavaScript) são temporárias e não causam atualizações na UI, enquanto as variáveis gerenciadas pelo `useState` persistem, disparam renderizações da UI e são essenciais para componentes reativos. Já o `useRef` oferece a capacidade de persistir e mutar dados entre renders sem, contudo, provocar uma nova renderização da UI, tornando-o uma ferramenta valiosa para cenários específicos de gerenciamento de estado e performance.