包详细信息

@lomray/event-manager

Lomray-Software253MIT2.0.2

This package provides event manager on typescript for any js project.

lomray, javascript, typescript, event

自述文件

Event manager on Typescript

This package provides simple event manager on typescript for any JS/TS project (React/React Native/NodeJS).

reliability Security Rating Maintainability Rating Vulnerabilities Bugs Lines of Code size size semantic version

Usage

  1. Install package:
  npm i --save @lomray/event-manager
  1. Add subscribers and emitters: ```typescript import EventManager from '@lomray/event-manager';

interface IDemoChannelData { prop1: string; prop2: number; }

enum Channel { demo = 'demo' }

// Listen event on channel (don't forget call unsubscribe for remove litener) const unsubscribe = EventManager.subscribe<IDemoChannelData>(Channel.demo, (data) => { console.log(data); });

// Publish some data to channel setInterval(() => { EventManager.publish<IDemoChannelData>(Channel.demo, { prop1: 'hi', prop2: 1 }); }, 5000);


Working example for react:
```typescript
const DemoComponent = () => {
    useEffect(() => {
      const unsubscribe = EventManager.subscribe<IDemoChannelData>(Channel.demo, (data) => {
        console.log(data);
      });

      return () => {
        unsubscribe();
      }
    });
}