Come memorizzare un valore in un componente senza chiamare il re-render?

In React, per memorizzare un valore in un componente senza causare un rerender, puoi usare l'hook useRef. Il valore memorizzato in useRef persiste tra i render, ma modificarlo non provoca un nuovo render del componente.

Esempio:

import React, { useRef } from 'react';

function MioComponente() {
  const countRef = useRef(0);

  const incrementa = () => {
    countRef.current += 1;
    console.log('Valore attuale:', countRef.current);
    // Il componente non si renderizza di nuovo
  };

  return <button onClick={incrementa}>Incrementa</button>;
}

Pertanto, useRef è adatto per memorizzare qualsiasi dato che non influisce sull'UI e che non richiede un rerender al cambiamento.