Qu'est-ce que useEffectEvent et à quoi sert-il?

useEffectEvent — c’est un hook dans React qui permet de créer des gestionnaires d’événements stables, sans créer de nouvelles fonctions à chaque rendu du composant. Il est utile lorsque vous devez transmettre un gestionnaire aux composants enfants ou aux écouteurs d’événements, pour éviter des rerenders ou des abonnements répétés.

Exemple d’utilisation:

import { useEffectEvent } from 'react';

function MonComposant() {
  const handleClick = useEffectEvent(() => {
    console.log('Cliqué!');
  });

  return <button onClick={handleClick}>Cliquez-moi</button>;
}

Ainsi, handleClick conserve sa référence entre les rendus, ce qui améliore la performance et évite des effets inutiles.