effects.ts

// 1. Reacting to a state change

save() {
  this.store.setSaveButtonState(ButtonState.InProgress);
  this.store.saveRecord();

  this.store.saveButtonState
    .pipe(
      filter(state => state !== ButtonState.InProgress),
      take(1)
    )
    .subscribe(state => {
      // Do something when done
    });
}

// 2. Wraped in a Promise

savePromise(): Promise<void> {
  this.store.setSaveButtonState(ButtonState.InProgress);
  this.store.saveRecord();

  return new Promise((resolve, reject) => {
    this.store.saveButtonState
      .pipe(
        filter(state => state !== ButtonState.InProgress),
        take(1)
      )
      .subscribe(state => {
        if (state === ButtonState.Fail) {
          return reject();
        }
        return resolve();
      });
  });
}

// 3. Callback into the effect

save() {
  this.store.saveRecord(() => {
    // Do something when done
  });
}

// 4. Event emitter

save() {
  this.store.saveRecord();
  this.store.saveDone.subscribe(() => {
    // Do something when done
  });
}