use-event-bus-hook v0.0.3

useEventBusHook

This hook enables the use of the event bus pattern in React with zero external dependencies and ensures automatic event listener removal during cleanup, preventing memory leaks.

How to use it:

1. First, install the package.

  npm install use-event-bus-hook
            OR
  yarn add use-event-bus-hook

2. Add the following code into the component from which you intend to emit the event.

    import { EventBus } from "use-event-bus-hook";

    const onClick = () => {
        EventBus.emit("EVENT_NAME", 5);
    }

3. Add the following code into the component where you intend to listen for the event.

    import { useEventBus } from "use-event-bus-hook";

    const handler = (e) => console.log(e.details); // 5
    useEventBus("EVENT_NAME", handler);

Note: Ensures that the event name should be same in both the components.

Options:

1. eventBus

2. useEventBus

License

MIT © pulkitchdha