Czym jest useEffectEvent i do czego służy?

useEffectEvent — to hook w React, który pozwala tworzyć stabilne obsługiwacze zdarzeń, nie tworząc nowych funkcji przy każdym renderze komponentu. Jest przydatny, gdy trzeba przekazać obsługę do komponentów potomnych lub słuchaczy zdarzeń, aby uniknąć niepotrzebnych ponownych renderów lub subskrypcji.

Przykład użycia:

import { useEffectEvent } from 'react';

function MójKomponent() {
  const handleClick = useEffectEvent(() => {
    console.log('Kliknięto!');
  });

  return <button onClick={handleClick}>Kliknij mnie</button>;
}

W ten sposób handleClick zachowuje swoją referencję między renderami, co poprawia wydajność i zapobiega niepotrzebnym efektom.