Comment stocker une valeur dans un composant sans déclencher de re-rendu?

En React, pour stocker une valeur dans un composant sans provoquer de re-render, vous pouvez utiliser le hook useRef. La valeur stockée dans useRef persiste entre les rendus, mais la modification de cette valeur ne provoque pas de re-render du composant.

Exemple :

import React, { useRef } from 'react';

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

  const incrementer = () => {
    countRef.current += 1;
    console.log('Valeur actuelle :', countRef.current);
    // Le composant ne sera pas rerendu
  };

  return <button onClick={incrementer}>Incrémenter</button>;
}

Ainsi, useRef convient pour stocker toutes sortes de données qui n'affectent pas l'UI et ne nécessitent pas de re-render lors de leur modification.