Skip to content

useEventEmitter

Hook for creating event listener with possibility to subscribe/unsubscribe/emit custom events

Import

import useEventEmitter from '@empeek-rnd-ui/hooks/src/useEventEmitter';

Usage

//in your component
const EventEmit = () => {
  const eventListener = useCallback((name, params) => {
    // do some action on event has been emitted
  }, []);

  const { emit } = useEventEmitter('eventName', eventListener, false);

  // emit event with specific params
  const handleEmit = useCallback(() => {
    emit(/*  params for event */);
  }, [emit]);

  return (
    <div>
      <Button onClick={handleEmit}>Emit event</Button>
    </div>
  );
}

Example

SomeEvent - unsubscribed (Could SUBSCRIBE)
Logs: