Wat is useEffectEvent en waar is het voor nodig?

useEffectEvent — is een hook in React die het mogelijk maakt stabiele event handlers te creëren, zonder bij elke rendering van het component nieuwe functies te maken. Het is handig wanneer je een handler wilt doorgeven aan child componenten of event listeners, om onnodige her-renderingen of herhaalde abonnementen te voorkomen.

Voorbeeld van gebruik:

import { useEffectEvent } from 'react';

function MijnComponent() {
  const handleClick = useEffectEvent(() => {
    console.log('Klik!');
  });

  return <button onClick={handleClick}>Klik mij</button>;
}

Op deze manier behoudt handleClick zijn referentie tussen renders, wat de prestaties verbetert en onnodige effecten voorkomt.