RxJS Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ธ.ค. 2024

ความคิดเห็น • 137

  • @welcomespiritual
    @welcomespiritual ปีที่แล้ว +30

    Great, I can now add 5 years of RxJS experience in my CV, thanks!

  • @AdegbengaAgoroCrenet
    @AdegbengaAgoroCrenet 3 ปีที่แล้ว +87

    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

    • @jay_wright_thats_right
      @jay_wright_thats_right 7 หลายเดือนก่อน

      @@congdatt stop being racist. He's not your bro.

  • @Abelhawk
    @Abelhawk ปีที่แล้ว +13

    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!

  • @bingyuewang8770
    @bingyuewang8770 3 ปีที่แล้ว +8

    Really love the burger shop idea! Helped me understand rxjs in a flash! Thank you

  • @BrianKoudijs
    @BrianKoudijs 2 ปีที่แล้ว +13

    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!

    • @BrianKoudijs
      @BrianKoudijs ปีที่แล้ว

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

  • @bacon37460
    @bacon37460 3 ปีที่แล้ว +11

    Let me say, it's the best video I have ever seen explaining RxJS. Thanks man, you rock!

  • @md.redwanhossain6288
    @md.redwanhossain6288 10 หลายเดือนก่อน

    One of the Best video for RXJS. P.S: pluck operator is now deprecated. just use map instead of pluck.

  • @davidedet1439
    @davidedet1439 2 ปีที่แล้ว +1

    Loved it. Loved the burger shop explanation. Spot on. Thank you!!!!!

  • @susheelyadav6143
    @susheelyadav6143 2 ปีที่แล้ว +4

    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.

  • @psykkou3820
    @psykkou3820 2 ปีที่แล้ว +3

    Had a bit of trouble understanding the concept of Rx, your explanation made it clear for me, thanks a bunch :)

  • @sshisab
    @sshisab ปีที่แล้ว +1

    This is the best video to understand RxJS in simplest term possible. Can't thank enough :)

  • @pcr13931
    @pcr13931 6 หลายเดือนก่อน

    This was Amazing, your example which gives an analogy of the operators is just spot on. Thanks for uploading this

  • @coolmohan
    @coolmohan 3 ปีที่แล้ว +3

    58 minutes well spent. Thanks heaps.

  • @fieryscorpion
    @fieryscorpion 11 หลายเดือนก่อน +1

    Great video. Thank you!
    And thank you again for including link to your GitHub example repo.

  • @artemis_3245
    @artemis_3245 2 ปีที่แล้ว +6

    That's an amazing course, sir! Rxjs very clearly explained. Kudos to you!

  • @okeagi-tuedor5935
    @okeagi-tuedor5935 2 ปีที่แล้ว

    This is arguably the best rxjs course on TH-cam. Thanks.

  • @sammiee3963
    @sammiee3963 3 ปีที่แล้ว +1

    This is the best on RxJs video I've ever come across. You rock Laith. 👍

  • @hamzahahmad1670
    @hamzahahmad1670 3 ปีที่แล้ว +5

    Your channel is very underrated. Keep grinding man, your videos are awesome and you tackle some great topics

  • @dailylifewithtutul
    @dailylifewithtutul 28 วันที่ผ่านมา

    one of the best for rxJs videos

  • @alissontsdev2566
    @alissontsdev2566 3 ปีที่แล้ว +2

    Thank you so much. Best video about RxJS I found here on TH-cam

  • @yassineaker
    @yassineaker 2 ปีที่แล้ว

    Thanking you is far less than what you deserve. This is probably the best explanation for a subject I've ever watche.

  • @Mirzly
    @Mirzly 3 ปีที่แล้ว +3

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

    • @laithacademy
      @laithacademy  3 ปีที่แล้ว +1

      Thanks for these additional details :)

  • @ritachoudhary8404
    @ritachoudhary8404 2 ปีที่แล้ว +2

    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.

  • @a.c.6344
    @a.c.6344 3 หลายเดือนก่อน

    Absolutely outstanding work! You just got yourself a new subscriber.

  • @MuhammadSaqib07
    @MuhammadSaqib07 5 หลายเดือนก่อน

    This video offers a clear and comprehensive understanding of RxJS. I will surely suggest to my fellows.. Thank you Laith Academy

  • @syedabbas4122
    @syedabbas4122 9 หลายเดือนก่อน

    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.

  • @AlbrechtJ
    @AlbrechtJ ปีที่แล้ว

    This is the best explanation on RxJS video. Thanks.

  • @dawidkostka1346
    @dawidkostka1346 2 ปีที่แล้ว

    Everything explained from the scratch. THANKS bro

  • @sergiim5601
    @sergiim5601 3 ปีที่แล้ว +4

    Very nice content! Keep making videos of this quality, and you gonna get to 100k subscribers in no time !

    • @laithacademy
      @laithacademy  3 ปีที่แล้ว +4

      Thank mate! Once I reach 100k, I have special things planned for the channel. Hopefully I reach it soon

  • @hamidabdolrahimi4606
    @hamidabdolrahimi4606 2 ปีที่แล้ว

    Best video I've watched about RxJS. Thanks bro, keep it up!

  • @Viva-07
    @Viva-07 10 หลายเดือนก่อน

    Very well explained..at last understood..love the burger example..it helped a lot in understanding the concept

  • @fieryscorpion
    @fieryscorpion 11 หลายเดือนก่อน +1

    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!

  • @sarkersunzidmahmud2875
    @sarkersunzidmahmud2875 2 ปีที่แล้ว +1

    Life becomes easier because of people like u. Great explanation. Cheers Mate

  • @MarkEdwardTan
    @MarkEdwardTan 3 ปีที่แล้ว +4

    Whenever I see Angular, NgRx or RxJs then I auto like :D

  • @fitfuelplanner
    @fitfuelplanner 3 ปีที่แล้ว +1

    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.

  • @HouseJunkieHUN
    @HouseJunkieHUN 3 ปีที่แล้ว +1

    Thank you! There isn't much explanation on the web on this topic

  • @christophergeel1366
    @christophergeel1366 2 ปีที่แล้ว +2

    Great crash course. Super simple and easy to follow. Thank you!

  • @LucasHagemans
    @LucasHagemans ปีที่แล้ว

    18:44 import observable
    19:12 instanciate class
    19:29 call back, arrow function

  • @lessknownindeed
    @lessknownindeed 2 ปีที่แล้ว +1

    I really enjoyed it. Was waiting if you can explain some more operators too :D...awesome

  • @SharpenSkillswithSahnnu
    @SharpenSkillswithSahnnu 5 หลายเดือนก่อน

    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.

  • @yuvalpeery8995
    @yuvalpeery8995 2 ปีที่แล้ว

    I second Mr Agoro Very well explained. Thumbs up.

  • @pantelisvasileiadis2858
    @pantelisvasileiadis2858 2 ปีที่แล้ว

    Amazing tutorial bro. Really straightforward understandable explanations. Especially the intro helped me a lot with understanding how burge..eehm.. observables work. Thank you

  • @JBuchmann
    @JBuchmann 2 ปีที่แล้ว +1

    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.

  • @prithivgk
    @prithivgk 2 ปีที่แล้ว

    Thanks , I really like the story plot of RXJS functinality before getinto the coding part. you are awsome

  • @gagiksimonyan3782
    @gagiksimonyan3782 3 ปีที่แล้ว +2

    The video was awesome, man!!! Could you make more RxJS and Angular practice videos?

  • @lukevin6486
    @lukevin6486 ปีที่แล้ว

    Very well explained, clear and easy to follow. Thanks!

  • @martinvera5456
    @martinvera5456 3 ปีที่แล้ว

    Thanks! The hamburguer example helps a lot to understand all

  • @elmoutaouakkilmohammed1432
    @elmoutaouakkilmohammed1432 ปีที่แล้ว

    I know it's a great tutorial before even I start watching it. Keep going my friend, to 100k subs!

  • @szymonfrankowski7435
    @szymonfrankowski7435 2 ปีที่แล้ว

    Great tutorial. Now I am able to use RxJS in the next project.

  • @fyfyfyfyfy
    @fyfyfyfyfy ปีที่แล้ว

    Amazing stuff ! Subscribed 🙌🏻

  • @adxxtya
    @adxxtya 2 ปีที่แล้ว

    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?

  • @lola2lola321
    @lola2lola321 ปีที่แล้ว

    Wow, so high quality!

  • @dalilapramenkovic8597
    @dalilapramenkovic8597 10 หลายเดือนก่อน

    Brilliant explanation. Thank you!

  • @rashidtp4411
    @rashidtp4411 หลายเดือนก่อน

    good initiative .... keep moving

  • @lurami
    @lurami ปีที่แล้ว

    you're a great teacher bro

  • @officialdanieldsouza
    @officialdanieldsouza 6 หลายเดือนก่อน

    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

  • @anoopsidhu3859
    @anoopsidhu3859 2 ปีที่แล้ว

    Jesus christ thank god I landed on this video, now I can finally stop pretending to understand angular and actually do so

  • @rbsa1980
    @rbsa1980 2 ปีที่แล้ว

    great video, explained a lot in such a simple way

  • @Exile740
    @Exile740 2 ปีที่แล้ว +1

    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!

  • @KayKim-xk9vn
    @KayKim-xk9vn ปีที่แล้ว

    Thank you so much. It is easy to understand.

  • @alexanderschonfeld320
    @alexanderschonfeld320 ปีที่แล้ว

    best explanation ever. Thank you for that 😀

  • @marcosfsjunior
    @marcosfsjunior 2 ปีที่แล้ว

    The burger example was amazing, watch to the end!

  • @Sarahhh123
    @Sarahhh123 ปีที่แล้ว

    That was incredible, thank you!

  • @kmohan2541
    @kmohan2541 3 ปีที่แล้ว +1

    Waiting for this one

  • @notrelbanallo7607
    @notrelbanallo7607 2 ปีที่แล้ว

    very helpful video. well explained.thank you

  • @kirillzlobin7135
    @kirillzlobin7135 10 หลายเดือนก่อน

    Nice tutorial
    Let's have something on Schedulers and Subjects related to RxJS

  • @hossamabdelnasser5704
    @hossamabdelnasser5704 ปีที่แล้ว

    Great job. Very well illustrated the concept. I wish you coded something more complex from real life

  • @Luxcium
    @Luxcium 2 ปีที่แล้ว

    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 Ø

  • @gustavonaves6947
    @gustavonaves6947 2 ปีที่แล้ว

    Thanks for sharing you knowledge. I really appreciate that. You are amazing

  • @peternguyen9382
    @peternguyen9382 9 หลายเดือนก่อน

    thanks! you make my life easier!

  • @AngelicaMaria-cq3ph
    @AngelicaMaria-cq3ph 7 หลายเดือนก่อน

    Really good tutorial

  • @thejasiliemetha6350
    @thejasiliemetha6350 2 ปีที่แล้ว

    Thank you for the lesson

  • @Luxcium
    @Luxcium 2 ปีที่แล้ว

    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…

  • @VworksArt
    @VworksArt ปีที่แล้ว

    Thank you so much my friend.

  • @Anunachi
    @Anunachi 2 ปีที่แล้ว

    Thanks bro, brilliant explanation, keep going!

  • @georgesngandeu9115
    @georgesngandeu9115 2 ปีที่แล้ว

    Bro, you are a genius, thank you so much.

  • @abubakar-emumba
    @abubakar-emumba 3 ปีที่แล้ว +3

    please make a crash course on react-chart-js and react-grid-layout

    • @windwardhive7363
      @windwardhive7363 3 ปีที่แล้ว +3

      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

    • @abubakar-emumba
      @abubakar-emumba 3 ปีที่แล้ว +1

      @@windwardhive7363 i am not 12, but i am a junior dev, and for me docs are dry, so i learn from video tutorials.

    • @mk.1921
      @mk.1921 3 ปีที่แล้ว +1

      @@windwardhive7363 pls dont be so cruel some people learn it better with videos instead wih reading docs.
      have a nice day

    • @aryanshmahato
      @aryanshmahato 2 ปีที่แล้ว

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

  • @jimplimmer8856
    @jimplimmer8856 ปีที่แล้ว

    Great shit! u should do a video of a all the ⭐ operators

  • @yoooo51
    @yoooo51 5 หลายเดือนก่อน

    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=

  • @idemax
    @idemax ปีที่แล้ว

    nice job bro!

  • @dayumnson9769
    @dayumnson9769 3 ปีที่แล้ว +1

    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.

    • @frederikstergaard4510
      @frederikstergaard4510 3 ปีที่แล้ว

      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

  • @leagueofmusic9622
    @leagueofmusic9622 6 หลายเดือนก่อน

    pluck is deprecated, now need to use map instead) Really good video though

  • @Arabian_Abomination
    @Arabian_Abomination 3 ปีที่แล้ว

    Keep up the good work bro

  • @LYULV
    @LYULV 2 ปีที่แล้ว

    thanks.Can you share the PPT?

  • @soak2094
    @soak2094 2 ปีที่แล้ว

    helpful, thanks!

  • @ohskynyrdlynyrd
    @ohskynyrdlynyrd ปีที่แล้ว

    Amazing video

  • @vijayu707
    @vijayu707 2 ปีที่แล้ว

    Nice Video!!!

  • @humayunehtisham
    @humayunehtisham ปีที่แล้ว

    You are really amazing... Thank you

  • @mk.1921
    @mk.1921 3 ปีที่แล้ว

    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

  • @NeoCoding
    @NeoCoding 3 ปีที่แล้ว

    that's a geat job! thanks

  • @VarunJain15
    @VarunJain15 2 ปีที่แล้ว

    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 ☺️😊😊

  • @abdulsalamaboubakar4059
    @abdulsalamaboubakar4059 3 ปีที่แล้ว

    for the algorithem
    P.S. thanks for the content

  • @Raphael-et6ig
    @Raphael-et6ig ปีที่แล้ว

    Bruh that was the king of all bad jokes ^^

  • @sirlionellord
    @sirlionellord 3 ปีที่แล้ว

    Thanks

  • @hiteshsuthar1097
    @hiteshsuthar1097 ปีที่แล้ว +1

    Simplicity 🤍

  • @ankitmeshram8461
    @ankitmeshram8461 2 ปีที่แล้ว

    I'm so hungry now 😂😂

  • @Studio-df7ge
    @Studio-df7ge 2 ปีที่แล้ว

    too sad u didnt implement the first example, would have been nice

  • @aaronmcmillan6379
    @aaronmcmillan6379 2 ปีที่แล้ว

    that honestly hgas to be the longest metaphor for something that really isnt that massive of a concept lol

  • @kmohan2541
    @kmohan2541 3 ปีที่แล้ว

    Try to do vuejs

  • @kizhissery
    @kizhissery 2 ปีที่แล้ว

    6:40 cook that's haraam bro we don't support