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!:)
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
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.
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.
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([]) ) ) ); } }
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
😇
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
Great video and super clear explanations, thank you!
This course is AMAZING!!! Thank you so much!!!
Excellent overview with good examples. Thanks!
This is excellent. You made RxJS fun!
Tysm Christina. Leant a lot today.
Such a clear explanation!! Thanks.
Awesome. Making me fall back into angular.
Excellent presentation!
So well explained! Thank you! ❤
Great video, thank you so much!
Pure gold
Nice Vid. Hope you are doing well.
Very solid explanation !
Really good video!
Thanks for the great tut.
I really like the pipe image for explanation.
thank you chris
great content
Amazing!
Thank you, :)
Are these courses still offered?
Can you please the source code for Case study -2 ? Thanks a lot for your explanation
Could you please provide the source code for displaying employee list and details ?
Might be complex for beginners
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
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.
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.
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([])
)
)
);
}
}
Jesusm you stay 10 minutes to speak about dogs...jump to debounce and show next case....
That was great, wow!