RXJS Operators Explained with Examples: switchMap, map + More

This is the second part of an RxJS tutorial for beginners who want to understand RxJS operators like switchMap, map, concatMap mergeMap and more.
Even while reading the RxJS documentation, the differences between RxJS operators like map and switchMap didn’t come easily. If you feel the same way I once felt while reading the definitions, it’s all just a little too abstract to pick up in one go.
This video offers a simple metaphor for thinking about RxJS, Observables and Operators. It also addresses common questions about frequently used RxJS operators like, “what is the difference between switchMap and map?”
To watch PART ONE, which describes Observables, check out:
How are Observables Different from Promises? | Beginner RXJS Lessons
• How are Observables Di...
REAL LIFE RXJS EXAMPLES from my own work:
• RXJS Real Examples - 1...
This is part of a series focused on developing apps with Angular. To learn whether Angular is a framework worth learning, watch this video:
Angular is BETTER than React and Vue under 3 CONDITIONS
• Angular is BETTER than...
OFFICIAL DOCUMENTATION
rxjs-dev.firebaseapp.com
My name is Ben and I am a software developer. I have iOS apps and a few web apps. (Every other web app is comparatively small and was developed using vanilla JavaScript.) If you'd like to see what I'm about or what I've done, check out the links below:
THE PERFECT BOARDGAME - A site for matching tabletop games with your unique preferences
theperfectboardgame.com
SOLUTIONS FOR X - My first published iOS apps
solutionsforx.com
NEVER BEN BETTER - My Blog
neverbenbetter.com
MY PATREON SITE:
www.patreon.com/neverbenbetter
MY GEAR
Sony ZV 1
amzn.to/2DXxrRV
Fifine Condenser Recording Microphone (which was unplugged about halfway through this video: sorry!)
amzn.to/2E7bboc

Пікірлер: 87

  • @neverbenbetter8225
    @neverbenbetter82253 жыл бұрын

    Originally, I was planning on going over examples in code, but I decided against it to keep the video shorter and keep the focus on vocabulary. I'm wondering whether making another video - one focused on code - would be helpful to anyone?

  • @andredealbuquerque105

    @andredealbuquerque105

    3 жыл бұрын

    For sure! The code would be interesting to get this as a view of how to go outside of the metaphor

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    Thanks for the feedback. If you have any specific questions or if you were looking for something when you found this (and the last) video, let me know and I will try to incorporate your questions.

  • @georgepagotelis

    @georgepagotelis

    3 жыл бұрын

    In the end we need to code to put into practice

  • @Asaloy

    @Asaloy

    3 жыл бұрын

    Of course this would be helpful :)

  • @vishay09

    @vishay09

    2 жыл бұрын

    Yes please at least basic examples for each scenario will be great help.

  • @pouriadaki8586
    @pouriadaki85866 ай бұрын

    one of the best explanation of rxjs since I started to learn programming , thank you

  • @landon.wilkins
    @landon.wilkins2 ай бұрын

    Sir, thank you for breaking this down. You made my morning.

  • @hyukshin2387
    @hyukshin23872 ай бұрын

    This is gold.. I was having hard time grasping what exactly some of these concepts are and with this.. all solved like magic. Thanks so much 🙏

  • @giorgimerabishvili8194
    @giorgimerabishvili81943 жыл бұрын

    Definitely the best explanation I've ever seen! Absolutely amazing channel and keep up more Angular videos please

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    Thank you. You know, the Angular videos haven’t got a lot of traction yet, which is disappointing for me, but maybe they just need more time to be noticed.

  • @HamzehExplains
    @HamzehExplains2 жыл бұрын

    The best metaphor could be used in explaining different RxJs operators in such short amount of time! Well done!

  • @liang3163
    @liang31632 жыл бұрын

    The first man I found to be able to clarify these related terminologies, liked and subscribled!

  • @tonyx233
    @tonyx233 Жыл бұрын

    this is incredibly well done, thank you for the series.

  • @sweetnsourify
    @sweetnsourify2 жыл бұрын

    Best explanation that I’ve heard. Thank you!! Will be checking out your other videos.

  • @ShanDev-be7qq
    @ShanDev-be7qq Жыл бұрын

    The best analogy I have ever seen for the RxJs operators.

  • @thegoodgolly1465
    @thegoodgolly1465 Жыл бұрын

    I just stumbled on your videos yesterday and I have to say I really appreciate them! I've been a junior dev for about a year working in Angular mostly, and rxjs has always tripped me up. I usually just used the functions I notice that similar components use (mostly switchMap) without really getting what that actually MEANT, other than it took the data in so I could use it on the page. Sitting here having coffee before a meeting and listening to this has made a ton of difference and I plan on making visits to your channel a regular thing because you explain things REALLY well (the weather explanation is surprisingly perfect imo. There are so many moving pieces, like the meteorologist or the instruments they use, yet they all are relevant both in the example and in what they represent in the code). Thank you so much for this video and the other rxjs videos (and I'm sure I'll have more to thank you for in the future)

  • @huntermyers1046
    @huntermyers10463 жыл бұрын

    Excellent video. Starting with a metaphor is super helpful, and I wish more documents could be written this way. Once that framework is understood, the technical details are so much easier to contextualize.

  • @ameyakale3205
    @ameyakale32052 жыл бұрын

    I was just randomly looking to learn about Subject however I just watched the first part and was literally hooked. Really the best explanation I ever saw about the whole rxjs Observable

  • @saianusha5979
    @saianusha59792 жыл бұрын

    explaining with examples hits straight..loved it

  • @n2productions
    @n2productions3 жыл бұрын

    Ohhhh mannn... I've been racking my brain at work for days trying to get a handle of observables and RxJS to use for HTTP requests. This series is truly GOLD! THANK YOU SO MUCH, definitely a follow from me :)

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    That is exactly how I felt when a I was trying to figure this out!

  • @semperfiArs
    @semperfiArs Жыл бұрын

    Best example of RXJS I have come across. Hats off

  • @rembautimes8808
    @rembautimes88082 жыл бұрын

    This will make an excellent interview question. Thanks

  • @davidwildman4447
    @davidwildman44473 жыл бұрын

    I've been looking for something like this for months! First-time developer in my first job, and I've been struggling to understand observables from documentation and tutorial videos. This is what I needed - thank you!

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    Awesome! Please, if you have any more questions, let me know.

  • @dilipshelake803
    @dilipshelake8032 жыл бұрын

    Nice way to explain the complex things. Thank you so much..

  • @craigiswayne
    @craigiswayne3 жыл бұрын

    This is great! thank you for your service. Using abstracted real life examples really helps, at least for people like me!

  • @nikensss
    @nikensss3 жыл бұрын

    I really liked the way you explained both in Part 1 and 2!

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    Thank you so much. If you are looking for more, I finally followed up with an examples video: kzread.info/dash/bejne/m6d9mNSpnrevfaQ.html

  • @parishare2750
    @parishare27503 жыл бұрын

    Bravo man! Thanks for this great explanation/examples. I will still have to brew a pot of coffee and listen to this 5 times but you definitely make far more sense than the documentation to me!

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    Thank you so much! Glad I could help!

  • @baluditor
    @baluditor2 жыл бұрын

    That was awesome explanation, thank you!

  • @MG-wx8yx
    @MG-wx8yx Жыл бұрын

    This video is 2 yrs old and I’m seeing it now!!!😔. I hope you doing well bro. Observables is the most difficult thing for me in Angular, but those operators are so useful.

  • @RonaldJayBuayan
    @RonaldJayBuayan2 жыл бұрын

    best tutorial for beginners! you are amazing

  • @thimothelamoureux5718
    @thimothelamoureux5718 Жыл бұрын

    I love your explanations anx examples Ben. I think I'll have to watch this one a few times to really integrate the concepts with how I can use them

  • @dianavlasenkova8957
    @dianavlasenkova8957 Жыл бұрын

    This is genius! So quick and clear! Thanks!

  • @sandeepchandupatla7832
    @sandeepchandupatla78323 жыл бұрын

    Superb explanation, very easy to understand 👏

  • @naimeahmed1192
    @naimeahmed11923 жыл бұрын

    You know what, I couldn't stop login to comment and like and subscribe after watching your explanation. Thank you man. I just become a fan of you :)

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    I really appreciate that!

  • @DodaGarcia
    @DodaGarcia3 жыл бұрын

    This was really impressive, subscribed

  • @anastasia3919
    @anastasia39193 жыл бұрын

    Thank you very much for your work. It was very useful!

  • @SatyaRam2k14
    @SatyaRam2k143 жыл бұрын

    Why on earth, is this guy so underrated?????????????? WHY!!!!!!!!!!!!!!!!!!!!!

  • @yarmab
    @yarmab2 жыл бұрын

    You are definitely good at the things explanation👏

  • @ansaardollie7584
    @ansaardollie75843 жыл бұрын

    Incredible explanations. Thanks for the insight

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    I appreciate your comment! Thank you for watching!

  • @nauristisanchins9306
    @nauristisanchins93063 жыл бұрын

    Very Helpful content, as rxjs is a very confusing when 'observing' the documentation alone! Thankyou!

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    I’m so glad to hear this was useful!

  • @MohamedSayed-xl7gu
    @MohamedSayed-xl7gu Жыл бұрын

    awesome explaining !!

  • @randomnamename1424
    @randomnamename14243 жыл бұрын

    Very helpful.Thank you

  • @kokoyroy
    @kokoyroy3 жыл бұрын

    U are awesome. U helped me to understand rxjs.thank u so much dude

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    Thank you so much. If you have any questions, please let me know. These videos are picking up more attention lately so I’m motivated to produce more content.

  • @ItcomserveDe
    @ItcomserveDe2 жыл бұрын

    this was a great explanation :-)

  • @ddomingo
    @ddomingo2 жыл бұрын

    Great analogy! This helped me understand the difference between concatMap and mergeMap. I think it would be nice to mention that this analogy is perfect for hot observables, but doesn’t really apply to cold observables

  • @neverbenbetter8225

    @neverbenbetter8225

    2 жыл бұрын

    Great suggestion!

  • @imriharlev5151
    @imriharlev51512 жыл бұрын

    Thanks for the good explanation 😁

  • @jorgen180
    @jorgen180 Жыл бұрын

    Great example!

  • @alfred7010
    @alfred70102 жыл бұрын

    In one word amazing

  • @pbezanillat
    @pbezanillat2 жыл бұрын

    Nice video, very teaching

  • @mirandamoralez6354
    @mirandamoralez63543 жыл бұрын

    Enlightning!

  • @rviswak21
    @rviswak212 жыл бұрын

    Excellent

  • @riccardomassafaidatech
    @riccardomassafaidatech2 жыл бұрын

    Really, really helpful

  • @ahmedouyahya
    @ahmedouyahya Жыл бұрын

    GENIOUS!!!

  • @duckhorse2563
    @duckhorse25632 жыл бұрын

    Thank you.

  • @x11y22z33me
    @x11y22z33me2 жыл бұрын

    Brilliant analogies. I am encountering rxjs and ngrx for the first time, and this helped my understanding a lot.

  • @ujuzitek301
    @ujuzitek301Ай бұрын

    Fantastic

  • @dhyeypatel7449
    @dhyeypatel74492 жыл бұрын

    you are awesome sir

  • @DotnetistEnterprise
    @DotnetistEnterprise2 жыл бұрын

    Nayshh thank you for this

  • @hamzakamel5635
    @hamzakamel56352 жыл бұрын

    I loved your way in explain as a story but i think what is the better show some code example, Thanks.

  • @chrisfelix9065
    @chrisfelix90652 жыл бұрын

    God bless you!

  • @goosemoose1213
    @goosemoose12133 жыл бұрын

    ty

  • @orleydoss3171
    @orleydoss31713 жыл бұрын

    Late to view... excellent explanation very easy to follow. Getting good base/foundation from this and other sources.

  • @toddzmijewski6002
    @toddzmijewski60023 жыл бұрын

    The meteorologist combining insights from the source (weather station) would use a concatMap unless you want to cancel inflight insights and replace them. Furthermore, the withLatestFrom() operator has an observable as an argument. That operator does not provide access to the emitted value. It combines an emitted value with the another one from a separate, isolated observable that is an argument passed to withLatestFrom().

  • @ricko13
    @ricko133 жыл бұрын

    I got way more confused, thanks

  • @toddzmijewski6002
    @toddzmijewski60023 жыл бұрын

    What happens when combineLatest is used on the weather station but wind gauge never emits a value or fails to emit a value for a prolonged period of time. Are all the instrument values of the weather station required to analyze the weather or can the weather be analyzed based on a subset of instrument values from the weather station.

  • @vanukurunagesh9051
    @vanukurunagesh90513 жыл бұрын

    Hey. It was a great explanation. One of the best in fact. But it would be more helpful if you could add coding example at the end of the video.

  • @neverbenbetter8225

    @neverbenbetter8225

    3 жыл бұрын

    Thank you so much. I just posted an example video that piggy-backs on this one: kzread.info/dash/bejne/m6d9mNSpnrevfaQ.html

  • @kmui6022
    @kmui6022 Жыл бұрын

    what i dont get about rxjs. it is often used for async calls. but why? unless it is not using websockets we can expect only one incoming response? isnt an observable complete overkill here? for these simple predictable http requests it seems that rxjs is too complex. can someone proof me wrong pls?

  • @kjmoses8546
    @kjmoses85462 жыл бұрын

    I like literally everything u do .. And what microphone and camera name u use .. Just so i would one day have one..and i need ur suggestion .. Can i use them for short action movies

  • @sandeepguntupalli8482
    @sandeepguntupalli84823 жыл бұрын

    💖 from India will be nice if you explain with codes too

  • @goldfishbrainjohn2462
    @goldfishbrainjohn2462 Жыл бұрын

    When will you come back to make another video? By the way, has anyone said you look like Robert Pattinson?

  • @msettecasse
    @msettecasse2 жыл бұрын

    I still don't understand the observables, it would be good if someone could explain with real cases how to apply them....

  • @Asaloy
    @Asaloy Жыл бұрын

    I really like the sketches but there is also a little bit too much information in a very short time.

  • @dylanhall5305
    @dylanhall53052 жыл бұрын

    Thanks for not using marbles

  • @_grzehotnik
    @_grzehotnik2 жыл бұрын

    useless tutorial if you don't show any code to present your examples as