ReactiveSubscribe

source

ReactiveSubscribe(Constructor: any): void

Parameters

Constructor

any

Description

ReactiveSubscribe is a class decorator and adds .subscribe and .unsubscribe methods.

See

Observe

Example

import { ReactiveSubscribe, Observe } from "@cfcs/core";

@ReactiveSubscribe
class Component {
 @Observe value1 = 1;

 constructor() {
   requestAnimationFrame(() => {
     this.value1 = 2;
   });
 }
}

interface Component extends ReactiveSubscribe<{
 value1: number;
 value2: number;
}> {}

const component = new Component();

// 1
console.log(component.value1);

component.subscribe("value1", nextValue => {
 // When the change event occurs => (2, 2)
 console.log(nextValue, component.value2);
});