Rxjs toPromise() deprecated

by

Why is this happening?

As mentioned here, these are the main reasons why toPromise is being deprecated:

  1. One goal was to remove it from the Observable prototype and turn it into a standalone util function.

  2. The naming of toPromise is not the best. Especially when used in combination with await it does not read very well: await categories$.toPromise() vs await lastValueFrom(categories$)

  3. The type information of toPromise is wrong. When the source Observable completed without ever emitting a single value – it
    resolved with undefined. It should reject in that case. A Promise is a
    “promise” that when it resolves a value will be there – and be it
    undefined. But when the stream completes without ever emitting a value
    you can’t differentiate between a stream that a emitted undefined on
    purpose and a stream that completed without ever emitting anymore

What should you use next?

If you really insist doing it the promise way, lastValueFrom/firstValueFrom. Otherwise switching to reactive programming would be the way to go.

Using toPromise ( deprecated ) –

public async loadCategories() {
    this.categories = await this.inventoryService
      .getCategories()
      .toPromise()
}

Using lastValueFrom ( new ) –

import { lastValueFrom } from 'rxjs';

public async loadCategories() {
    const categories$ = this.inventoryService.getCategories();
    this.categories = await lastValueFrom(categories$);
}

This link should help –

https://indepth.dev/posts/1287/rxjs-heads-up-topromise-is-being-deprecated

More Related Contents:

  1. Angular 7 go offline?
  2. How to do the chain sequence in rxjs
  3. How to achieve a debounce service on input keyup event in angular2 with rxjs
  4. Property ‘catch’ does not exist on type ‘Observable’
  5. How do I return the response from an Observable/http/async call in angular?
  6. How to load external scripts dynamically in Angular?
  7. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  8. Angular 2 Sibling Component Communication
  9. JS : Convert Array of Strings to Array of Objects
  10. Angular: Can’t find Promise, Map, Set and Iterator
  11. Angular 4.3.3 HttpClient : How get value from the header of a response?
  12. Angular 4 Interceptor retry requests after token refresh
  13. How can I close a dropdown on click outside?
  14. In Angular, how do you determine the active route?
  15. Angular2 component’s “this” is undefined when executing callback function
  16. Angular 4 pass data between 2 not related components
  17. How to cancel a subscription in Angular2
  18. Call a function on click event in Angular 2
  19. Correct way Provide DomSanitizer to Component with Angular 2 RC6
  20. How to Pass data from child to parent component Angular
  21. Angular2 too many file requests on load
  22. How to ‘wait’ for two observables in RxJS
  23. Generate dynamic css based on variables angular
  24. Angular interceptor exclude specific urls
  25. Angular 8 – Lazy loading modules : Error TS1323: Dynamic import is only supported when ‘–module’ flag is ‘commonjs’ or ‘esNext’
  26. How to iterate using ngFor loop Map containing key as string and values as map iteration
  27. Plain Javascript as Angular 2 service
  28. TypeScript TS7015: Element implicitly has an ‘any’ type because index expression is not of type ‘number’
  29. angular 2 access ng-content within component
  30. binding data to angular checkbox

Leave a Comment