I'm just getting started with RxJS and this was overwhelmingly helpful, thank you for the clear, easy-to-understand examples, nothing too complex, nothing too hard to understand with a basic knowledge about basic Angular stuff. Keep these videos coming!:)
This is the behavior of switchMap. If there is a new request (user type additional letter in search for example) and there is still pending request, switchMap will discard this pending request, and start a new one. If you don't want to discard, and need this previous request to finish, you can use mergeMap instead. But with mergeMap in search the issue is you can have older request finished after change in search, and that means you have incorrect result for actual search value.
good day ma'am, I tried to use your search method using rxjs. I have an issue that if the api return an error response like 404. First, all of the latest response data got stuck in ui. Then if I am going to clear the searchbox and search again. No data will return. Just like nothing happens. I hope you can help me to solve this issue. Thanks ma'am.
If you have an http call inside a switchMap or something similar, you must have a catchError inside the switchMap on that inner observable. Otherwise, an error in the inner observable bubbles up and kills the whole pipeline permanently
nice and clear explanations, but i get stuck with your code. in the case study 1 ( in rxjs example ) you have 3 open and closed parentheses (), in reality its should be 4 parentheses (), right? or i have bad eye ?
I think this is the slide you are talking about. One set for the inner pipe, then one set for the switchmap, then one set for the outer pipe. export class RedditSearchComponent { results: Observable; search: FormControl = new FormControl(''); constructor(ris: RedditImageSearchService) { this.results = this.search.valueChanges.pipe( map((search) => search.trim()), debounceTime(200), distinctUntilChanged(), filter((search) => search !== ''), switchMap((search) => ris.search(search).pipe( retry(3), // Clear previous entries while waiting startWith([]) ) ) ); } }
Why because you have to learn a lot of sintaxis relative to a framework? She could do the same in vanilla javascript with methods you should already know, instead of learning tthousands of methods that only are usable in rxjs and angular.
@@gabrieldelosrios811 rxjs is standalone library. You can use it everywhere where you have js, including react. The only different is angular use rxjs extensively out of the box.
That's about the best 1-hour introductory explanation of RxJS I've seen. Very nice!
Thank you so much for the efficiently using RXJS operators for Better Code quality and Reducing unnecessary calls
😇
wow! thank you! self note - very imp Subject pattern at @31:00
Underrated, saves lot of time trying to understand rxJS concepts. Keep posting. ❤ From Angular Community
I'm just getting started with RxJS and this was overwhelmingly helpful, thank you for the clear, easy-to-understand examples, nothing too complex, nothing too hard to understand with a basic knowledge about basic Angular stuff. Keep these videos coming!:)
one of the best intro/course about rxjs within angular
This is a fantastic crash course on RxJS! Thank you!
interesting talk, this is the best hour that i passed seeing something about agular, thank you lady for your time
Thanks so much. Best simplified rxjs video
How request cancellation worked in code at 20:34?
This is the behavior of switchMap. If there is a new request (user type additional letter in search for example) and there is still pending request, switchMap will discard this pending request, and start a new one. If you don't want to discard, and need this previous request to finish, you can use mergeMap instead. But with mergeMap in search the issue is you can have older request finished after change in search, and that means you have incorrect result for actual search value.
Tysm Christina. Leant a lot today.
This course is AMAZING!!! Thank you so much!!!
Excellent overview with good examples. Thanks!
Great video and super clear explanations, thank you!
Excellent presentation!
This is excellent. You made RxJS fun!
Such a clear explanation!! Thanks.
Are these courses still offered?
Awesome. Making me fall back into angular.
So well explained! Thank you! ❤
Great video, thank you so much!
Could you please provide the source code for displaying employee list and details ?
Can you please the source code for Case study -2 ? Thanks a lot for your explanation
Pure gold
Really good video!
Nice Vid. Hope you are doing well.
Very solid explanation !
good day ma'am, I tried to use your search method using rxjs. I have an issue that if the api return an error response like 404.
First, all of the latest response data got stuck in ui. Then if I am going to clear the searchbox and search again. No data will return. Just like nothing happens. I hope you can help me to solve this issue. Thanks ma'am.
If you have an http call inside a switchMap or something similar, you must have a catchError inside the switchMap on that inner observable. Otherwise, an error in the inner observable bubbles up and kills the whole pipeline permanently
great content
nice and clear explanations, but i get stuck with your code.
in the case study 1 ( in rxjs example ) you have 3 open and closed parentheses (), in reality its should be 4 parentheses (), right? or i have bad eye ?
I think this is the slide you are talking about. One set for the inner pipe, then one set for the switchmap, then one set for the outer pipe.
export class RedditSearchComponent {
results: Observable;
search: FormControl = new FormControl('');
constructor(ris: RedditImageSearchService) {
this.results = this.search.valueChanges.pipe(
map((search) => search.trim()),
debounceTime(200),
distinctUntilChanged(),
filter((search) => search !== ''),
switchMap((search) =>
ris.search(search).pipe(
retry(3),
// Clear previous entries while waiting
startWith([])
)
)
);
}
}
Thanks for the great tut.
I really like the pipe image for explanation.
Amazing!
thank you chris
That was great, wow!
Might be complex for beginners
Thank you, :)
React devs watching this video in tears while scratching their head
Why because you have to learn a lot of sintaxis relative to a framework? She could do the same in vanilla javascript with methods you should already know, instead of learning tthousands of methods that only are usable in rxjs and angular.
@@gabrieldelosrios811 rxjs is standalone library. You can use it everywhere where you have js, including react. The only different is angular use rxjs extensively out of the box.
Jesusm you stay 10 minutes to speak about dogs...jump to debounce and show next case....