RxJS, the easy way to write correct Angular applications

Getting your Angular app to “work” is easy, but correctness is hard. Web applications are full of asynchronous complexity. RxJS enables you to handle complexity in a way that is correct, reliable, predictable, and reproducible.
This event is a deep dive into the key aspects of RxJS for real-world Angular development:
1. Understand the conceptual model of observable streams
2. See the streams in each aspect of your Angular application
3. Manage race conditions and errors
4. See common application problems solved with RxJS
Speaker: Chris Hardin
---------------
Oasis Digital: Your trusted partner for modern software development.
First-time quality, reliable expertise.
We work alongside your team to achieve reusability, create more functionality, and reduce time-to-market.
LINKEDIN:
/ oasis-digital-solution...
WEBSITE AND INQUIRIES:
oasisdigital.com/
OUR “TECH TALK SHOW” CHANNEL:
/ @codetalkteach5368
ADVANCED TRAINING:
oasisdigital.com/training

[@tejeshwinidugyala9226]

Thank you so much for the efficiently using RXJS operators for Better Code quality and Reducing unnecessary calls
😇

[@craigriecke2403]

That's about the best 1-hour introductory explanation of RxJS I've seen. Very nice!

[@karthik_vijay]

Underrated, saves lot of time trying to understand rxJS concepts. Keep posting. ❤ From Angular Community

[@marcopolocs]

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!:)

[@jkevinparker]

This is a fantastic crash course on RxJS! Thank you!

[@armandmugabo1170]

one of the best intro/course about rxjs within angular

[@haroldpepete]

interesting talk, this is the best hour that i passed seeing something about agular, thank you lady for your time

[@shlomirosen]

Great video and super clear explanations, thank you!

[@santiagocalvo]

This course is AMAZING!!! Thank you so much!!!

[@marshax]

Excellent overview with good examples. Thanks!

[@gabrielperrymusic]

This is excellent. You made RxJS fun!

[@proboyX42]

Such a clear explanation!! Thanks.

[@wholeegg]

Tysm Christina. Leant a lot today.

[@adewaleadisa4346]

Thanks so much. Best simplified rxjs video

[@rizaanjappie]

Awesome. Making me fall back into angular.

[@ShinoB83]

So well explained! Thank you! ❤

[@rafysancheztilogica8587]

Very solid explanation !

[@brianc8005]

Excellent presentation!

[@jarenboone9609]

Great video, thank you so much!

[@sourandbitter3062]

That was great, wow!

[@ErnestoMorin]

Really good video!

[@havefun5519]

Thanks for the great tut.

[@havefun5519]

I really like the pipe image for explanation.

[@Paro2221]

Pure gold

[@arunabraham7277]

thank you chris

[@akalrove4834]

great content

[@MrGrechman]

Amazing!

[@mayurankunarajah8131]

Thank you, :)

[@randymotluck1503]

Nice Vid. Hope you are doing well.

[@asdsddddss6279]

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 ?

[@chrishardin9142]

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([])
)
)
);
}
}

[@bhagabatsahoo3112]

Can you please the source code for Case study -2 ? Thanks a lot for your explanation

[@bhagabatsahoo3112]

Could you please provide the source code for displaying employee list and details ?

[@rolandjethrosuyom478]

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.

[@chrishardin9142]

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

[@natedavidoff668]

Are these courses still offered?

[@MeteorKaMeter]

Might be complex for beginners

[@NoYt420]

How request cancellation worked in code at 20:34?

[@vedymin7]

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.

[@ninjedi6710]

React devs watching this video in tears while scratching their head

[@gabrieldelosrios811]

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.

[@vedymin7]

@@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.

[@valikonen]

Jesusm you stay 10 minutes to speak about dogs...jump to debounce and show next case....