Async Subject| Real-life Example in Angular - Angular (Tutorial 34)
AsyncSubject is a variant of a Subject which keeps the last value emitted by a source observable before completion and sends it to all new subscriptions and as soon as you call complete() method, it sends the last emitted value to all current subscribers and its future subscribers.
Async Subject only hold single value unlike Behaviour and ReplaySubject. So we can related Async Subject with promise because promises also hold single value and on completion it send the data, the major difference is that promise are eager and Observables (Async Subject) is lazy , it means promises don't need any subscriber for its execution, it execute immediately but on another hand Observables are lazy it mean they need subscriber to start execution
Async Subject could be useful for fetching and caching (one-shot) resources, since generally http.get will emit one response then complete.
Please watch my other video that I have created to explain the functionality of Subject and its variants in RxJS, so that you can understand it easily in Angular.
RxJS Subject: • RxJS Subject | What is RxJs Subject ...
RxJS BehaviorSubject : • BehaviorSubject | BehaviorSubject vs ...
RxJS Replay Subject: • ReplaySubject | ReplaySubject vs Beha...
Angular Subject and BehaviorSubjet: • Subject and BehaviorSubject | Compone...
Promises vs Observables: • Promises vs Observables - Angular (Tu...
Promises vs Observables shorts: • Promise vs Observable | Difference be...
We have used @Input and @output decorator when data need to pass from parent to child and vice a versa, But syncing your data across the components which don't have any parent-child relationship, there services are the solution.
@Input Decorator: • Communicate from Parent to Child Comp...
@Output Decorator : • Communicate from Child to Parent Comp...
DON'T CLICK HERE: https://shorturl.at/AFGJT
This code is available on github:
https://github.com/nishaSingla/Angula...
This Book will help you to understand angular more: https://amzn.to/3f1nf9q
I have used below FAKE API in demo to illustrate the AsyncSubject:
https://restcountries.eu/rest/v2/name...
►Subscribe Now: / nishasingla 🔔 Stay updated!
Watch complete playlist here: • Introduction- Angular (Tutorial #1)
Follow us on:
Facebook: / angularjs4beginners
LinkedIn: / nisha-singla-82407aa0
Instagram: / passion4code
#asyncSubject #HttpCache #nishasingla
