¿Cómo almacenar un valor en un componente sin llamar a la renderización?

En React, para almacenar un valor en un componente sin provocar una re-renderización, se puede usar el hook useRef. El valor almacenado en useRef persiste entre renderizados, pero cambiar este valor no provoca una nueva renderización del componente.

Ejemplo:

import React, { useRef } from 'react';

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

  const incrementar = () => {
    countRef.current += 1;
    console.log('Valor actual:', countRef.current);
    // El componente no se volverá a renderizar
  };

  return <button onClick={incrementar}>Incrementar</button>;
}

Por lo tanto, useRef es adecuado para almacenar cualquier dato que no afecte a la interfaz de usuario y que no requiera una re-renderización al cambiar.