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
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.
Супер. Этот образ с водой и краном именно так как я сам себе представлял Observables, но Вы конечно все максимально наглядно на схемах нарисовали. Спасибо большое.
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.
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 :)
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 😀
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 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:)
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..
![ILLSLICK X YOUNGOHM - We're The same [Official Video]](http://i.ytimg.com/vi/yUJNkobYR0E/mqdefault.jpg)
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!
Отличный пример. До этого визуализировал себе поток как массив с данными, но с водопроводной трубой всё стало ещё глубже к пониманию.
Рад слышать :) массив данных тоже хороший пример на самом деле.
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.
Thank you for this!, the best video to see and understand rxjs. Now I can continue with the rest of your videos about it.🎉😂
I hope you will like them as well ;)
the way you represent rxjs stream is BRILLIANT! ... anyone should know your channel buds especially for people who's learning Angular
Thank you! :)
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.
Wow amazing stuff. I can literally now visualise the concepts whilst working with rxjs. Thanks for this wonderful video
You're very welcome!
I wish that I knew this amazing video before! Big thank for this richful explanation!
Супер. Этот образ с водой и краном именно так как я сам себе представлял Observables, но Вы конечно все максимально наглядно на схемах нарисовали. Спасибо большое.
Wow.. it was the best explanation I ever heard. Thanks for this beautiful content.
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 😉
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!
yes !!! More of these please. Streams are still not clear for me.
wow, thanks ,
this is probably the best explanation ever
Glad you like it 😉
Great video and great visualization! I will recommend this video to my apprentices!
Thanks a lot, Elisa!
Great video and great analogy with the pipes. Thank you!
Yes, this helped me so much for understanding rxjs. Gratitude Sir🙌🙌
You are really amazing, keep going 👍
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?
@@ІлляПіранья 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.
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 :)
Awesome way of explanation 🙂 with real time situation 🔥 keep rocking
It was really nice explanation! Дуже гарно пояснив)
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 ;)
very nice analogy, you are talented
Crazy and realistic example of water connection in house building. Always loved your content.
const stream$ = of('water')
😀
Best explanation ever seen before.
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... What an analogy. Really appreciated for analogy😀
This is a very good explanation! Thank you!
Good job. I think this is the simplest way to explain streams.
Love your unique way to teach...
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!
Amazing examples! Great work!
Thank you! 😃
Your content is always awesome and above average. Keep the content coming ❤️
Really grateful to you! Thank you!
Please make video on how actually shadow dom works generally in angular and how it is different from real dom and virtual dom
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 😀
Thanks a lot for your work man!
Cool and useful explanation, thank you!
keep going with this important topic plz.. thanks a lot
This is extremely awesome !!
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 ;)
Really great content .Please do more examples.
Amazing video. But I would love to see it in the form of an article. Well, more deeply about mental models.
Excellent explanation
Glad you liked it
You are the best 🔥♥️
Yes definitely. Helpful.
Need a course about RxJs with your explanation ;)
got you :)
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 😄
Great video! Thank you!
I would suggest that a real-life example of Promises is a pizza delivery. Exactly one [order] in and one delivery out.
great job! thank you from Perú!!!
nice explanation, can you explain in detail about ag-grid
Greeaaaat video !
Excellent
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:)
The best !
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..
Awesome .
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.
I miss your content sir..
Great video
Funny! And I was imagine marble diagrams like there is a gun that shots with portion of data )))
When do one use Promise vs Observables
wow:) thank you
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?
it helps )
❤❤❤
thanks x 100
Love u bro
Не оставляйте краник открытым)
:D
Promise = grab bucket and get water from well )
Граф Ке Ле 😂😂
Можно уже нарезку делать из переводов 😂