Rxjs Streams in Angular - Normalizing Data (Map and Pipe Operator)

[@MonsterlessonsAcademy]

WATCH NEXT: Beginner's RxJS Tutorial: Dive Deep with RxJS Crash Course - kzbin.info/www/bejne/r3vHmWSVe8enoLcsi=qhsqP7Eu3Nd7_hIUi

[@manojkarthik6158]

He may be talking like a robot but the content is extraordinary.

[@MonsterlessonsAcademy]

Thank you!

[@ohmegatech666]

A robot that's running low on batteries lol. I put it on 1.5x speed

[@TauwinKul]

Your intro and outro are world class. Not to mention the content of your short videos.

[@MonsterlessonsAcademy]

Thank you!

[@charleso6513]

Very well explained. Its difficult sometimes finding a clean explanation of these functions but this one helped me actually understand it properly. Thank you!

[@MonsterlessonsAcademy]

Here is a follow up for you on this topic kzbin.info/www/bejne/aIWWd2iKm9eMras

[@ayush03d]

Thank you so much! I have seen around 10 videos on this topic and this is the best video that has cleared my doubt! Subscribed!

[@MonsterlessonsAcademy]

Glad it was helpful!

[@mybootscamewithoutstraps]

I can see that you've made improvements over the years with your videos to work on how you use inflection in your voice. It still feels really robotic when listening to the content, but you definitely have concise lessons that get things across the way they need to be.

[@MonsterlessonsAcademy]

Wow, thank you!

[@mybootscamewithoutstraps]

I think once you really get down the inflections of your voice to be more natural and uplifting, your stuff should really grow a lot. When an instructor is easy to listen to and has a nice speaking rhythm, it makes it way easier to absorb the content and learn.@@MonsterlessonsAcademy

[@CatEatsDogs]

@@mybootscamewithoutstraps I would listen to you speak any language that is not your native one. Slavic for example. And how you use inflections in your voice.

[@leandrodossantos9160]

Bro, I found this a little later but it is a great explanation, thanks man!

[@MonsterlessonsAcademy]

Glad to hear it!

[@omar-elgammal]

such a great Explanation ! keep up the great work

[@MonsterlessonsAcademy]

Thanks, will do!

[@pgc1721]

Perfect explanation. Just top notch.

[@MonsterlessonsAcademy]

Glad you liked it!

[@ilkerberkeelcioglu1130]

Very well and detailed explained. Thank you, it was very helpful!

[@MonsterlessonsAcademy]

Glad it was helpful!

[@girish2555]

Crystal clear 🔥

[@MonsterlessonsAcademy]

Thank you!

[@Georgii1212]

Hello! Thanks for the excellent tutorial. One question. In the UserService, if I want to implement a method that returns Observable of only one user, the youngest one, what would be the code ? The important thing is that I want the service to return the observable of this user...So sorting by age would be done in the service, on the list of users.

[@MonsterlessonsAcademy]

You can just call sorting by age and take first element inside map of rxjs with Javascript

[@Georgii1212]

@@MonsterlessonsAcademy thanks a lot for quick answer. So, we keep the same rxjs functions pipe() and map(), that you have described for getUsers(), and just adapt the callback function inside map. I thought was necessary to use switchMap instead of map, but I was obviously wrong. And I guess the signature of this method would be getYoungestUser(): Observable

[@MonsterlessonsAcademy]

@@Georgii1212 Yeap

[@dipabhow4630]

Very good video for map operator... thanks for it man...

[@MonsterlessonsAcademy]

I'm happy that I like it!

[@MrCyurasys]

Your video is very good. I have only one mention: In method getUsers you could have used return users.map(user => user.age += ' years old') I dont think it is needed to return a new object but just return the same one and modify only the properties you need

[@MonsterlessonsAcademy]

That is possible but it is safer to write immutable code and never mutate any properties (which I typically recommend to do). Then you never get the situation that your code is suddenly changed from random place.

[@abdulaziz7013]

excellent sir, very helpful real-time example

[@MonsterlessonsAcademy]

Glad it was helpful!

[@raulherbert]

great explanation! tks!

[@MonsterlessonsAcademy]

Glad it was helpful!

[@luca-rw7ss]

Very Very good explanation! Thank you.

[@MonsterlessonsAcademy]

Glad it was helpful!

[@satviksharma4897]

Very well explained

[@MonsterlessonsAcademy]

Glad it was helpful!

[@adhivenkatesh3431]

Hi Olex , its great video , is there any videos for angular chatbot with room , videos need for tips in angular

[@MonsterlessonsAcademy]

Hi Adhi, I have a new couse in Angular, Typescript, Socket io, Mongodb, Express where we build trello clone. Although it is not a chatbot but the websockets concepts are similar monsterlessons-academy.com/courses/build-fullstack-trello-clone-websocket-socket-io

[@BGivo]

One thing I don't quite understand. When you "subscribe" to a stream, and the value in the stream changes, would the component that was subscribed to it automatically render on its own? (or is this something you need a BehaviourSubject for?)

[@MonsterlessonsAcademy]

Subscribe doesn't do anything with component. Only changing of the property will render template again. You typically use subscribe to call some other function. If you just need to rerender stream property it's better to use async pipe {{foo$ | async }}

[@BGivo]

@@MonsterlessonsAcademy Sorry I should have been more clear. Even with the async approach, if the value in the stream changes, would the component that has the async pipe automatically rerender with the new value?

[@MonsterlessonsAcademy]

@@BGivo yes exactly. That is the whole point of using RxJS with Angular

[@BGivo]

@@MonsterlessonsAcademy Thank you. So if that's the case, what's the point of the BehaviourSubject then?

[@MonsterlessonsAcademy]

@@BGivo To create a stream where you can subscribe and update it anytime by using next.

[@FMAlmeidaLeite]

Me ajudou muito, obrigado! 😁

[@MatheusSantos-rh5jo]

Thanks sir! Help me a lot!

[@MonsterlessonsAcademy]

Glad to help!

[@karnpratapsingh8860]

very nice explanation.

[@MonsterlessonsAcademy]

Glad you liked it!

[@leonidesmuguercia4211]

Nice 👍!!

[@MonsterlessonsAcademy]

Thanks!

[@kshitijbhatt11]

Is the online course still maintained? The website didn't look really responsive hence I am skeptical. But this is the best video i have seen on rxjs streams for angular. Really interested in advance angular course if it's still maintained.

[@MonsterlessonsAcademy]

You mean Angular NgRx course? Yes it is. It works on Angular 13 with 1 ngrx change where we inject it in other way which I mention in the course. I'm open to changes on website just send me an email with screenshot what is not responsive and I will check.

[@HM_Milan]

Thank you

[@MonsterlessonsAcademy]

You're welcome!

[@denns0r]

I don't see why http requests are observables. Observables can only have ONE observer, and HTTP requests will complete or error after they are executed. Yes, I can combine multiple observables and mutate their data, but I can do that with promises as well ... native. Plus I can simply await one or multiple promises that can be fired sequentially or all at the sime time. And I do not have to store subscriptions to unsubscribe if my component destroys itself. Subjects can have multiple observers and they can emit different values over time, okay I can see the use of that, but I don't understand why http requests are observables. The ONLY usecase, where observables are superior in http requests is when I can use switchmap to cancel them. But for that I need an input stream as well ... 🙄

[@MonsterlessonsAcademy]

I think you need to address your questions to Angular team and it's architecture. It is what it is. Using Angular with streams in the way how Angular was planned is easier that fight with bugs when using Angular in a way which was not intended.

[@yuraflokadrift]

Друже, ти українець?

[@HoNow222]

Very cool angular videos!! But please you should think about using a more friendly IDE like VScode :)

[@MonsterlessonsAcademy]

Unfortunately it's not friendly for me and I can't be as productive there as I'm with Vim

[@amannegi8256]

awesome video , but try smiling sometimes.. :)

[@MonsterlessonsAcademy]

I will try my best

[@auchucknorris]

at 10 minutes is exactly why i dislike typescript, front end code your constantly manipulating data, so much extra work, for a benefit that doesn't matter on front end code, ur not going to ruin a database so its only purpose is to throw errors

[@aakashpoojary3968]

Hence backend helps a lot in such cases. If an api sends a nice, clear outputs there will be no need to transform data

[@jannickbreunis]

Great video. Saw pipe() and map() everywhere but now I actually understand what they do. Your video about other methods is a great follow up: kzbin.info/www/bejne/aIWWd2iKm9eMras

[@MonsterlessonsAcademy]

You are totally right!

[@Nafiganado]

This guy looks like Christopher Walken

[@MonsterlessonsAcademy]

Lol I can see similarities. I hope to look that good when I get older :)

[@dreamether7808]

lol does this dude have a soul? he sounds dead inside

[@MonsterlessonsAcademy]

I sold my soul to get such awesome programming skills.

[@surendra_tarai]

its a dead man