RxJS Crash Course
Вставка
- Опубліковано 22 лип 2024
- In this crash course, we will tackle the notorious RxJS which is an infamously hard topic to understand. Hopefully, this video helps you tackle this tool.
Second Channel:
/ @laiture123
GitHub:
github.com/harblaith7/RXJS-Cr...
Udemy Courses :
www.udemy.com/course/modern-g...
Timeline:
0:00 - RxJS Terminology
13:35 - Marble Diagram
15:50 - Observables
21:00 - Observer
27:40 - Pipe & Operators
43:40 - Handling Errors & Completions
50:02 - Types of Operators
Great, I can now add 5 years of RxJS experience in my CV, thanks!
lol yea
The best breakdown of RxJS I have ever encountered. After the video, I was able to seamlessly explain it to others. I was looked upon with awe, that's all you man
@@congdatt stop being racist. He's not your bro.
This was insanely helpful. Here I am at work trying to wrap my head around this for hours and that burger metaphor... well, I'm still trying to wrap my head around it but that made a ton more progress than any of the other videos I've seen today. Thanks so much!
Let me say, it's the best video I have ever seen explaining RxJS. Thanks man, you rock!
Great work! This is the second video I've watched from you, and I must say that it's incredible. The pace, the way of explanation, the examples. Awesome. Now I understand the basics of RxJS!
@@avasdv thanks for replying on a comment one year later! Maybe it's your opinion but I really don't care... Maybe just comment directly on the video instead of commenting on my comment...
Your channel is very underrated. Keep grinding man, your videos are awesome and you tackle some great topics
Thanking you is far less than what you deserve. This is probably the best explanation for a subject I've ever watche.
Best video I have ever seen bro. What a selection of example which makes a clear path to understanding the concept without any confusion in mind.
This is the best on RxJs video I've ever come across. You rock Laith. 👍
Really love the burger shop idea! Helped me understand rxjs in a flash! Thank you
This is arguably the best rxjs course on UA-cam. Thanks.
Had a bit of trouble understanding the concept of Rx, your explanation made it clear for me, thanks a bunch :)
That's an amazing course, sir! Rxjs very clearly explained. Kudos to you!
This is the best video to understand RxJS in simplest term possible. Can't thank enough :)
Great content. Best video I have watched on the Rxjs topic. You have made it simple to understand to anyone. Thanks for uploading this video. And I am glad that I find your channel. Kindly Post more videos on RXJS topics, mostly describing the different operators.
This was Amazing, your example which gives an analogy of the operators is just spot on. Thanks for uploading this
This video offers a clear and comprehensive understanding of RxJS. I will surely suggest to my fellows.. Thank you Laith Academy
Amazing tutorial bro. Really straightforward understandable explanations. Especially the intro helped me a lot with understanding how burge..eehm.. observables work. Thank you
Thank you for your video. I'm a Jr Developer and RxJS has always confused me. New subscriber here and I look forward to watching your other videos.
Great crash course. Super simple and easy to follow. Thank you!
Best video I've watched about RxJS. Thanks bro, keep it up!
Thank you so much. Best video about RxJS I found here on UA-cam
Great video. Thank you!
And thank you again for including link to your GitHub example repo.
Loved it. Loved the burger shop explanation. Spot on. Thank you!!!!!
Amazing analogy, amazing explanation, you just saved me hours of time. I think I have an amazing understanding of what RxJS does.
Thanks a lot.
Everything explained from the scratch. THANKS bro
Life becomes easier because of people like u. Great explanation. Cheers Mate
Very well explained..at last understood..love the burger example..it helped a lot in understanding the concept
Very nice content! Keep making videos of this quality, and you gonna get to 100k subscribers in no time !
Thank mate! Once I reach 100k, I have special things planned for the channel. Hopefully I reach it soon
Thanks , I really like the story plot of RXJS functinality before getinto the coding part. you are awsome
I really enjoyed it. Was waiting if you can explain some more operators too :D...awesome
Very well explained, clear and easy to follow. Thanks!
58 minutes well spent. Thanks heaps.
Nice intro. RxJs IMO is definitely a huge part of the learning curve for Angular.
Something to note which can make the basics easier to grasp... if something is going to emit a single value only (like something returned from an API call) then Observables act nearly identical to regular Promises. Instead of ".then", you just do ".subscribe"
There are some tricky operators like SwitchMap, MergeMap, ConcatMap, which are very common and powerful. Would be great for you to make a video on some of these more advanced operators.
Great tutorial. Now I am able to use RxJS in the next project.
This is the best explanation on RxJS video. Thanks.
I know it's a great tutorial before even I start watching it. Keep going my friend, to 100k subs!
One of the Best video for RXJS. P.S: pluck operator is now deprecated. just use map instead of pluck.
Thanks! The hamburguer example helps a lot to understand all
Amazing stuff ! Subscribed 🙌🏻
I've been trying to understand RxJS for a couple weeks by now. I watched many videos, read alot about it.
I always had the "okay, but how?" and "okay, but why?" questions.
Only after watching this video, I actually feel like I understand the hows and whys.
Thank you for this very comprehensive lecture!
great video, explained a lot in such a simple way
Thank you! There isn't much explanation on the web on this topic
I second Mr Agoro Very well explained. Thumbs up.
Brilliant explanation. Thank you!
The video was awesome, man!!! Could you make more RxJS and Angular practice videos?
That was incredible, thank you!
Awesome example!
I'd also like to add to a pipeline that a chef can ignore any order that is the same as a previous one (distinctUntilChanged).
It may only take certain number of orders (take/takeUntil) or pause existing until he is back from break (skip/skipWhile). or delay (delay/debounceTime) until some point.
If there is another order for fries, the chef can combine it and the burger together (mergeMap) or send one after the other (concatMap) and do million other things as it's a really impressive library (RxJS).
Thanks for these additional details :)
This channel is criminally underrated. I feel so bad that you have such less views and subs. Also the video was so quality and the analogy was so good I feel bad that I am watching it for free. Can I buy you a coffee?
Thank you so much. It is easy to understand.
Thanks for sharing you knowledge. I really appreciate that. You are amazing
Thanks bro, brilliant explanation, keep going!
Great job. Very well illustrated the concept. I wish you coded something more complex from real life
very helpful video. well explained.thank you
Whenever I see Angular, NgRx or RxJs then I auto like :D
best explanation ever. Thank you for that 😀
Wow, so high quality!
?
Thank you so much my friend.
Bro, you are a genius, thank you so much.
thanks! you make my life easier!
Thank you for the lesson
Waiting for this one
you're a great teacher bro
Really good tutorial
Nice tutorial
Let's have something on Schedulers and Subjects related to RxJS
Keep up the good work bro
Great shit! u should do a video of a all the ⭐ operators
helpful, thanks!
nice job bro!
Can you please share that Canva powerpoint style presentation document? That burger joint diagram was really helpful and I want to use that in my notes.
Thanks!
that's a geat job! thanks
Many thanks for the video!! i understood it perfectly.
if u allow me to say some video requests.
- NX
- Git
thanks again. wish u the best! :)
best regards from Austria
Nice Video!!!
You are really amazing... Thank you
lol
Thank you!
Amazing video
true
thanks.Can you share the PPT?
pluck is deprecated, now need to use map instead) Really good video though
At 27:00 , I think the names should be other way around. Observer should get subscribed to the events.
In the video what is called observer should be called as events, and what is referred as observable should be called as observer.
In Nutshell, Observer is Observing the events that it has subscribed to.
I was tired of looking for RxJs videos and decided to look at JavaScript stuff just for fun and I clicked on your video without realizing that it is about the topic I was just tired of looking for…
The burger example was amazing, watch to the end!
Jesus christ thank god I landed on this video, now I can finally stop pretending to understand angular and actually do so
18:44 import observable
19:12 instanciate class
19:29 call back, arrow function
Thanks
I did not yet watch the video.
Do you suggest using rxjs in react or vue?
I think it would be interesting to see rxjs applied to these.
sorry if this video does already cover that.
At my job we use rxjs for our global state management, so it's very much possible and works great. It does however come with quite some initial investment of setting up a "framework" that you otherwise would get for free with for example Redux
at 14.31 you name the cooks observers but before you called them operators. Is it an mistake ? or did i get something wrong? Observers don't manipulte the data but the cooks sometimes do (like coocking the meat in the second last step=
42:40 Made me realize that each time people look confused that array are indexed starting with 0 that it is just exactly the same with how age works… our first year on earth is starting at index Ø
What if we use operators in Observer before subscribe ? Are these same or any difference,
By the way, Awesome Video, thank you for this video ☺️😊😊
At 55:18 the pluck operator is deprecated as of version 8. It's recommended to use the map operator instead going forward for this operation. Also I don't really understand the point of using rxjs, can't we just use normal javascript to achieve the same thing? I come from a React, Next.js background and currently learning Nest.js which utilizes the Angular architecture and design patterns hence why I am trying to learn rxjs. If anyone could help me understand the reason for using rxjs please let me know. Cause the way I see it we can use normal async/await, javascript methods to achieve all of what's being discused in this video. Please correct me if I am wrong.
Amazing video btw!
Thanks
please make a crash course on react-chart-js and react-grid-layout
no. why can't you simply follow the docs? You don't need a tutorial for every library out there. What are you? 12? Use your common sense. Salamu Alaikum
@@windwardhive7363 i am not 12, but i am a junior dev, and for me docs are dry, so i learn from video tutorials.
@@windwardhive7363 pls dont be so cruel some people learn it better with videos instead wih reading docs.
have a nice day
@@windwardhive7363 what the hell is this behaviour?? We don't need people like you in developer community.. There's a way of talking, probably your mommy didn't teach you that... How does it sound, eh?
Bruh that was the king of all bad jokes ^^
?
for the algorithem
P.S. thanks for the content
Simplicity 🤍
I'm so hungry now 😂😂
too sad u didnt implement the first example, would have been nice
that honestly hgas to be the longest metaphor for something that really isnt that massive of a concept lol
wow
Try to do vuejs
pluck will be removed in v8
I feel stupid when watching first 1 min. XD