If you have Angular interview anytime soon, the best way to prepare for it is Mock-Interview! In my new course "Angular Interview Hacking" you can get an option to have a mock interview with Google Developer Expert in Angular and get access to a constantly growing database of the most popular Angular interview questions and detailed answers! Check this out here: courses.decodedfrontend.io/courses/angular-interview-hacking
Супер. Этот образ с водой и краном именно так как я сам себе представлял Observables, но Вы конечно все максимально наглядно на схемах нарисовали. Спасибо большое.
You have explained in a best possible way using real life example. Watched your most of the videos, you explained everthing really good and in easy manner. Thank you.
I found it really useful! Rxjs is still very difficult for me to understand because I tend to see data as something static that should not be mutated and when I use observables y want them to RETURN something I can work with when the request is finished but that's not how observables work and I know it but I still don't feel comfortable with the concept of streams, so this was great and I hope you can make more videos with real usage examples of Rxjs in Angular. Thank you!
Thank you for your feedback! :) I am glad to hear that you liked this idea. If audience finds this way of rxjs explanation also useful I will do more videos about some specific rxjs operators using analogs from real life :)
Thank you very much, super topic. It would be very interesting to see more examples with operators. For example, you can start with simple examples of processing events and sending data... Preferably real examples from projects.
I have always imagine streams like electricity flow through power lines but struggled with operators. Watching your video kinda make me think for operators like electrical elements that transfor the electricity. But realized maybe pipes and water is more helpful. Good video as always
Yeah.. electricity is also fine but agree that it is harder :) In order to explain operators there, you need some knowledge about transistors, resistors, etc which might act as operators but I am not good in this area, so I might be wrong 😀
The one that did if for me back in the days was thinking of it as subscribing to a newsletter. They well keep arriving for example once a week as long as I am subscribed. When i unsubscribe they stop arrive. And if nobody is subscribed to the newsletter, nothing is sent out / nothing happens.
That was actually great for understanding RXJS! But I somewhat disagree with the Promise addition. Most of the time I simply want to get or post data to an api. I do not need a stream for that, because it's a one-time thing. Unless I want to be able to cancel the ongoing request of course (which is also possible with promises, but kind of ugly). In my applications, there is not much data actually that is "streaming" into my application. It's more "get-data, show data, change data, send data" scenarios. So I end up in using Promises, Promise.all() and using async/await which makes my code way more synchronously readable than using streams. But that's maybe only my perspective 🤷♂️
Yeah, I also agree with using async/await when you know the observable will emit single data (httpClient, etc). It makes the code more readable and the control is returned to the main function after the sub function is executed..
I really like this mental model for understanding RxJS. However it becomes very difficult to visualise some of the advanced operators using the water pipe analogy. Maybe for that kind of scenarios is better o think about it as a factory conveyor belt with parts (parts being the water and the conveyor belt being the pipe) that require special threatments and have time constraints, etc.
Hi Joseph! You are absolutely right, some other models describe better other parts of rxjs. I also use many others like “the road and cars” or the one you described as well :) the model from the video was just the fist one I recognized and which helped me the most and after that things got easier:)
If you have Angular interview anytime soon, the best way to prepare for it is Mock-Interview! In my new course "Angular Interview Hacking" you can get an option to have a mock interview with Google Developer Expert in Angular and get access to a constantly growing database of the most popular Angular interview questions and detailed answers! Check this out here: courses.decodedfrontend.io/courses/angular-interview-hacking
In my opinion it is the best way to explain how it works. I always try to do the same with my colleagues.
Discovered this analogy a year or so ago and since then everything made sense with RxJs, can't look back. Great video!
Супер. Этот образ с водой и краном именно так как я сам себе представлял Observables, но Вы конечно все максимально наглядно на схемах нарисовали. Спасибо большое.
Keep up the good work, I love the visualization, it helps a lot in learning and i get it now. Thank you so much.
wow, thanks ,
this is probably the best explanation ever
Glad you like it 😉
Отличный пример. До этого визуализировал себе поток как массив с данными, но с водопроводной трубой всё стало ещё глубже к пониманию.
Рад слышать :) массив данных тоже хороший пример на самом деле.
Your content is always awesome and above average. Keep the content coming ❤️
Great video and great analogy with the pipes. Thank you!
I wish that I knew this amazing video before! Big thank for this richful explanation!
You have explained in a best possible way using real life example. Watched your most of the videos, you explained everthing really good and in easy manner. Thank you.
Crazy and realistic example of water connection in house building. Always loved your content.
const stream$ = of('water')
😀
Wow.. it was the best explanation I ever heard. Thanks for this beautiful content.
Awesome way of explanation 🙂 with real time situation 🔥 keep rocking
Great methodology and visualization. To me you nailed and passed the different use cases and above all it's understanding!!! Thanks
You're very welcome!
This is a very good explanation! Thank you!
Yes, this helped me so much for understanding rxjs. Gratitude Sir🙌🙌
Very well explanation, which ever had seen and also thanks for the today's meeting about Reactive Form)
Hi Oleksandr! Thank you for you feedback:) glad you liked the today’s talk 😉
very nice analogy, you are talented
Wow amazing stuff. I can literally now visualise the concepts whilst working with rxjs. Thanks for this wonderful video
You're very welcome!
Thanks a lot for your work man!
WOW... What an analogy. Really appreciated for analogy😀
Really grateful to you! Thank you!
This is extremely awesome !!
Love your unique way to teach...
Great video! Thank you!
Good job. I think this is the simplest way to explain streams.
yes !!! More of these please. Streams are still not clear for me.
You are really amazing, keep going 👍
It was really nice explanation! Дуже гарно пояснив)
Great video and great visualization! I will recommend this video to my apprentices!
Thanks a lot, Elisa!
the way you represent rxjs stream is BRILLIANT! ... anyone should know your channel buds especially for people who's learning Angular
Thank you! :)
insanely good example
I found it really useful! Rxjs is still very difficult for me to understand because I tend to see data as something static that should not be mutated and when I use observables y want them to RETURN something I can work with when the request is finished but that's not how observables work and I know it but I still don't feel comfortable with the concept of streams, so this was great and I hope you can make more videos with real usage examples of Rxjs in Angular. Thank you!
Thank you for your feedback! :) I am glad to hear that you liked this idea. If audience finds this way of rxjs explanation also useful I will do more videos about some specific rxjs operators using analogs from real life :)
Cool and useful explanation, thank you!
Best explanation ever seen before.
Amazing examples! Great work!
Thank you! 😃
keep going with this important topic plz.. thanks a lot
This is one perfect description of streams, if only I learnt this earlier I would have suffered less :)
Thanks @Decoded Froontend
Thanks for feedback:) Glad that it was helpful!
Please make video on how actually shadow dom works generally in angular and how it is different from real dom and virtual dom
7:15 I think release air effects stream. not good example. maybe you measure the water temperature and log it. that would be a very proper "tap" case.
Amazing video. But I would love to see it in the form of an article. Well, more deeply about mental models.
You are the best 🔥♥️
Yes definitely. Helpful.
Really great content .Please do more examples.
Thank you, always with the best content. You're spoiling your viewers. Can you create deep dipe videos into rxjs.
Haha :) Hope not so much...
Regarding rxjs deep dive not sure so far but let's see ;)
Thank you very much, super topic. It would be very interesting to see more examples with operators. For example, you can start with simple examples of processing events and sending data... Preferably real examples from projects.
Next vid will be exactly about that, so stay tuned ;)
I have always imagine streams like electricity flow through power lines but struggled with operators. Watching your video kinda make me think for operators like electrical elements that transfor the electricity. But realized maybe pipes and water is more helpful. Good video as always
Yeah.. electricity is also fine but agree that it is harder :) In order to explain operators there, you need some knowledge about transistors, resistors, etc which might act as operators but I am not good in this area, so I might be wrong 😀
Greeaaaat video !
great job! thank you from Perú!!!
Need a course about RxJs with your explanation ;)
got you :)
How do you imagine streams? Do you also use analogs from real life or for you marble diagrams are just enough? :)
Yeah. I use lake as a reference. Hehe. :)
yeeeah! Good one as well ;)
I think about potato, when write in rxjs, is it fine?
@@user-ny4yt1kf9v absolutely 😄
The one that did if for me back in the days was thinking of it as subscribing to a newsletter. They well keep arriving for example once a week as long as I am subscribed. When i unsubscribe they stop arrive. And if nobody is subscribed to the newsletter, nothing is sent out / nothing happens.
Excellent explanation
Glad you liked it
Excellent
nice explanation, can you explain in detail about ag-grid
Funny! And I was imagine marble diagrams like there is a gun that shots with portion of data )))
The best !
I miss your content sir..
Awesome .
That was actually great for understanding RXJS! But I somewhat disagree with the Promise addition. Most of the time I simply want to get or post data to an api. I do not need a stream for that, because it's a one-time thing. Unless I want to be able to cancel the ongoing request of course (which is also possible with promises, but kind of ugly). In my applications, there is not much data actually that is "streaming" into my application. It's more "get-data, show data, change data, send data" scenarios. So I end up in using Promises, Promise.all() and using async/await which makes my code way more synchronously readable than using streams. But that's maybe only my perspective 🤷♂️
Yeah, I also agree with using async/await when you know the observable will emit single data (httpClient, etc).
It makes the code more readable and the control is returned to the main function after the sub function is executed..
I was just implementing debounced search in react with rxjs. What is this magical timing :d
It was also one of the first things I have implemented with rxjs 😄
wow:) thank you
I really like this mental model for understanding RxJS.
However it becomes very difficult to visualise some of the advanced operators using the water pipe analogy.
Maybe for that kind of scenarios is better o think about it as a factory conveyor belt with parts (parts being the water and the conveyor belt being the pipe) that require special threatments and have time constraints, etc.
Hi Joseph! You are absolutely right, some other models describe better other parts of rxjs. I also use many others like “the road and cars” or the one you described as well :) the model from the video was just the fist one I recognized and which helped me the most and after that things got easier:)
thanks x 100
Love u bro
it helps )
When do one use Promise vs Observables
The video is very interesting, but how can I apply this if I have an endpoint made with webflux that returns a content-type of text/event-stream?
❤❤❤
I think using the $ on waterPipes$ would be out of convention given it isn't actually an observable.
I suspect he added .subscribe later on and didn’t remove the $, as now it would be returning the subscription object as you pointed out.
Не оставляйте краник открытым)
:D
Promise = grab bucket and get water from well )
Граф Ке Ле 😂😂
Можно уже нарезку делать из переводов 😂