DEV Community

Michael Di Prisco
Michael Di Prisco

Posted on • Edited on

1

My Journey in Open Source - event-emitter

Link to the repo

What is this?

This is a function which returns a simple EventEmitter.

It is a simpler implementation of the EventEmitter class from NodeJS.

It is not meant to be a replacement for the NodeJS EventEmitter, but rather a simple alternative for those who don't want to use the NodeJS EventEmitter.

It is also a good way to learn how Event Emitting works as a concept.

How do I install it?

You can install it by using the following command:

npm install @cadienvan/event-emitter
Enter fullscreen mode Exit fullscreen mode

How to use it?

Simply import the module and start using it as follows:

import { makeEE } from '@cadienvan/event-emitter';
const myObject = Object.assign({}, makeEE());
function listener(data) {
  console.log(data);
}
myObject.$on('event', listener);
myObject.$emit('event', {});
Enter fullscreen mode Exit fullscreen mode

Why did I choose to call it makeEE?

I chose to call it makeEE because it is a function which returns an EventEmitter and I didn't want it to conflict with the NodeJS EventEmitter, allowing you to use both in the same project depending on the use case.

How does this work?

The makeEE function returns an object with the following properties:


$on

The $on function takes two arguments: the event name and the listener function.

myObject.$on('event', listener);
Enter fullscreen mode Exit fullscreen mode

$off

The $off function takes two arguments: the event name and the listener function.

myObject.$off('event', listener);
Enter fullscreen mode Exit fullscreen mode

$emit

The $emit function takes two arguments: the event name and the data to be passed to the listener function.

myObject.$emit('event', data);
Enter fullscreen mode Exit fullscreen mode

$once

The $once function takes two arguments: the event name and the listener function.

myObject.$once('event', listener);
Enter fullscreen mode Exit fullscreen mode

Tests

You can run the tests by using the following command:

npm test
Enter fullscreen mode Exit fullscreen mode

Scaffolding

This project was generated using Cadienvan's own npm-package-ts-scaffolding so it has all the necessary tools to develop, test and publish a TypeScript package importable both via CommonJS and ES Modules.

Image of Wix Studio

2025: Your year to build apps that sell

Dive into hands-on resources and actionable strategies designed to help you build and sell apps on the Wix App Market.

Get started

Top comments (0)

Image of AssemblyAI

Automatic Speech Recognition with AssemblyAI

Experience near-human accuracy, low-latency performance, and advanced Speech AI capabilities with AssemblyAI's Speech-to-Text API. Sign up today and get $50 in API credit. No credit card required.

Try the API

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay