ngx-leave

:) Unsubscribe para Pros and Juniors 💪 💨

Problema

English 👳

When you subscribe to an observable or event in JavaScript, you needto unsubscribe to release memory in the system when you finish to use it. Otherwise, you will have a memory leak.

Português 😁

Quando você se inscrever em um evento observável ou em JavaScript, será necessário cancelar a assinatura da memória do sistema quando terminar de usá-lo. Caso contrário, você terá um vazamento de memória.

AutoLeave() 😁

English.

Class decorator that will automatically unsubscribe from observable subscriptions when the component is destroyed .

PT.

Decorador de classe que irá automaticamente cancelar os observáveis ​​quando o componente for destruído e não só .

Installation ⚡️

npm install ngx-leave --save

AutoLeave

import {AutoLeave} from "ngx-leave";
 
@AutoLeave({subscriptions: ['um$','tree$']})
@Component({
  selector: 'app'
})
export class appComponent  implements OnInit, OnDestroy{
  um$: Subscription;
  tree$: Subscription;
 
  constructor(  ) {  }
 
  ngOnInit() {
 
   this.um$ = from([0, 1, 2, 3, 4, 5, 6, 7]).subscribe(val => console.log(val));
   this.tree$ = from([0, 1, 2, 3, 4, 5, 6, 7]).subscribe(val => console.log(val));
 
  }
 
 
  // This method need to be implemented
  ngOnDestroy() {  }
}

Option	description	default
subscriptions	array all name of subscription	[]
arrayName	name variable with subscription name	''
method	function name to lib call	ngOnDestroy

Nota: subscriptions will be ignore if you set a value on arrayName.

@AutoLeave({subscriptions: ['um$','tree$']})

Leave

import {Leave} from 'ngx-leave';
 
@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
})
export class testComponent implements OnInit, OnDestroy {
 
constructor(  ) {  }
 
ngOnInit() {
    interval(1000)
      .pipe(Leave(this))
      .subscribe(val => console.log(val));
  }
 
 
// This method need to be implemented
ngOnDestroy() {  }
 
}

Option

Leave(this,functionName);

Usando em uma class

import {Leave} from 'ngx-leave';
 
export class Widget {
  constructor() {
    interval(1000)
      .pipe(Leave(this, 'deleteFunc'))
      .subscribe(console.log);
  }
 
  // need to be created
  deleteFunc() {}
}

We test 💕 💞

Ação	Descrição
Test Suite	4 passed, 4 total
Tests	17 passed, 17 total
Snapshots	0 total
Time	6.129s
Ran all test suites

Obrigado / Thanks 👊 👊 ✊ ✌️

All Devs 👽 😂😂