oop-observer

traditional observer pattern realization

Usage no npm install needed!

<script type="module">
  import oopObserver from 'https://cdn.skypack.dev/oop-observer';
</script>

README

OOP Obsever

observer - pattern that helps you to handle & dispath events

npm npm npm npm

IObservable

Event emitter interface. Contains subscribe, unsubscribe and notify methods.

Observable

Class with implementation IObservable interface. It's ready to work!

// define event props
interface TestObserverProps {
    test: string;
}

IObserver

Event listener interface. Has update function, that called with generic props.

class TestObserver implements IObserver<TestObserverProps> {
    update(args: TestObserverProps) {
        // event handler code
        console.log(args.test);
    }
}

Usage

When IObserver is defined just call notify method.

const observerable = new Observer<TestObserverProps>();
const observer = new TestObserver();

observerable.subscribe(observer);
observerable.notify({ test: "Some text here" });

:package: Install

npm i oop-observer

:octocat: Sources are available on github