switchMap() | RxJS TUTORIAL

[@karensarmiento6846]

Amazingly explained! The documentation is incredibly confusing on this but you cleared up all of my confusion right away.

[@nergrohombre]

I agree, I think we need a real life example with a type ahead or something, but this is WAY better than the documentation

[@anishspillai2225]

I broke my head whole day to understand Switch map..google also did not help me ..most of the explanations were literally confusing..luckily I got to watch ur video..Thanks a lot for ur excellent explanation..

[@academind]

It makes me really happy to read, that my explanations helped you Anish. Thank you for sharing this :)

[@sponefromrainbow4869]

switchMap() is very complicated to understand but with your explanation, you make stuff easy, thank you so much.

[@gregorsondermeier9929]

I was looking to find an explanation to finally understand the difference between mergeMap() and switchMap(). I think now I do. Thanks!

[@academind]

Great to read that the video was helpful for you Gregor, thanks a lot!

[@alexwilson3380]

A lot of the rxjs stuff hurts my brain. This video is really helpful and is possibly the only clear explanation I have found. Keep doing what you're doing.

[@academind]

Really fantastic to read that my video helped to make things a bit clearer for you Alex, I'll try my best to keep it up!

[@arpanbanerjee8584]

Thank you Max for making these videos on Rxjs, there is a dearth of clear cut info availability on the internet. I am here after your angular course on Udemy ! I learned a lot from it. Thanks again!

[@harsimerkaur4792]

I have just finished watching 8 out of 11 wonderful videos on observables you have made. Could not find such explaination anywhere on internet. You have made this subject easier. Thanks @Academind! Keep up the Great work!

[@academind]

Thank you so much for your sharing this absolutely fantastic feedback Harsimer! This really means a lot to me :)

[@harsimerkaur4792]

Academind sir, It is an honour for me to receive a reply from an expert like u. Thanks again! Made my day. :)

[@davidtheprogrammer]

This is the first explanation of switchMap i've actually understood. Thank you!!

[@academind]

Thanks so much Muma, makes me really happy to read that the video helped you!

[@virendrapatel775]

👍👍

[@salmi_azrinparentsonly863]

I have fallen in love with your french accent. French people are good teachers!!

[@Ratchet2022]

He’s German.

[@nergrohombre]

Thank you for getting to the point quickly and not wasting our time, EXCELLENT!!!!!!!!

[@88spaces]

You have great videos about rxjs that are easy to understand and make the life of a developer easier.

[@eveanthonyu.rondina2546]

Thank you. It solves my problem in nested observable on angular auth guard

[@feliksgoldin5781]

I have been searching for a switchMap() explanation for awhile now and thanks to you I finally understand this operator. Thank you so much!

[@kamalkamals]

This course of rxjs is very important to approach with ngrx, thank you Maximilian and keep up.

[@academind]

Thank you very much for your comment Kamal, it makes me really happy to read that you liked the video!

[@kamalkamals]

with pleasure.

[@98milok]

I LOVE YOY GUY! Last night, i no understand nothing about that, but now, i understand very good the switchMap operator. Thanks man!

[@AGUNGKAYA]

I like Max explain it straighforward and easy to understand

[@icavir]

Thanks for the explanation. Minimal and simple, just what you need to understand switchMap.

[@dixitkhanal8885]

I was in trouble with this operator. Thanks a lot man. It cam in handy at the moment. I am subscribing you right away.

[@lowzhao]

Very clear video thank you. I know its not HD, but the content is HD.

[@timothygrashaw5233]

You're a godsend Max. Thanks!

[@v1234able]

Ghost of Rxjs is no more . thq

[@unity3dconcepts434]

No matter what I watch what i read, unless I watch your videos i don't get the concept completely. hahahaha... thanks bro.

[@forgotten225522]

Incredibly clear explanation. Thank you!

[@prateekbhardwaj9943]

can i apply switchMap to my wife's repeated arguments

[@unclesame]

Lol, you will have to unsubscribe from the arguments. unsubscribe()

[@fredgarati]

hahaha 'import { switchMap } from 'rxjs/operators' first

[@tranhuuthu991990]

It’s your fault. If you did not subscribe to her voice, you would never hear it.

[@RostY]

in version 8.x of RxJS they will add switchWife operator.

[@user-gb6gw9hj3s]

Assume you had one

[@samybaxy]

Great tutorial - Finally switchMap makes sense to me :)

man, i do really aprecciate your videos! Thanks for the help! Keep it up

[@leolanese]

Simpler explanation ever! Well done

[@academind]

Thanks so much for your comment Leo, happy to read that you liked the explanation!

[@jesulalu6594]

Awesome... nandri it was so understandable... mikka mikka nandri

[@IsmayilIsmayilov]

​ @Academind You are great tutor . Explained perfectly thanks for that.

[@_bykt]

Excellent explanation.

[@DonTaldo]

Excellent explanation!

[@sachinhajare5404]

how do we cancel old HTTP request and subscribe to new which are not triggered from an event ?

[@bharathmkulkarni9411]

Very well explained!

[@88dejw]

I had problem spotting differences between switchMap and mergeMap, until I found a quote on Medium: "So here’s the simple difference - switchMap cancels previous HTTP requests that are still in progress, while mergeMap lets all of them finish."

[@douglasperez3701]

Such a great video! 🤘

[@yYp4rtybo1Xx]

Thank you sir, finally I understood switchMap !!

[@riteshpatidar9184]

Thanks, you made it so simple to understand... I am subscribing to your KZbin Observable/Channel😅

[@academind]

Awesome, thank you!

[@medivh1035]

the compiler tells me switchMap is not a property of Observable?????

[@kekinchheda8097]

Can I apply switchMap() operator more than once one after another?

[@KeganVanSickle]

Great tutorial Max!

[@luxxart]

Very clear explanation - thank you!

[@thepumpedupgeek]

I get that it stops old subscriptions, but how's it changing the values?

[@cunhalopes8593]

I tried to execute in Angular 5 + typescript. but I've got this error : error TS2322: Type 'void' is not assignable to type 'string'. import { Component, ViewChild, EventEmitter,OnInit, OnDestroy } from '@angular/core'; import { Observable, Observer } from "rxjs"; import "rxjs/add/observable/interval"; import "rxjs/add/operator/take"; import "rxjs/add/operator/map"; import "rxjs/add/operator/bufferCount" import { Subscription } from 'rxjs/Subscription'; import { Subject } from 'rxjs/Subject'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent implements OnInit { /* @ViewChild("button") button: ElementRef; subscription : Subscription; */ constructor(){ } onDestroy() { // this.subscription.unsubscribe(); } ngOnInit(): void { let input1 = document.querySelector('#input1'); let input2 = document.querySelector('#input2'); let span = document.querySelector('span'); let obs1 = Observable.fromEvent(input1,'input'); let obs2 = Observable.fromEvent(input2,'input'); obs1.mergeMap( (event1:Response)=>{ return obs2.map((event2 : Response)=>{ event1['target']['value']+' '+event2['target']['value'] }) } ).subscribe( (combinedValue )=>{ span['textContent'] =combinedValue;console.log(combinedValue);} ); }

[@vincolasrj]

Awesome explanation!! Help me a lot!!

[@academind]

So cool to read Vinícius, thank you very much for your comment!

[@inframatic]

Isn’t it confusing to type an observable in one way and then it returns something different than the type of the first? Maybe I misunderstanding this

[@EPustovit]

Pretty clear explanation! Thank you!

[@academind]

Thanks a lot Erop, it really makes me happy to read that!

[@verryondrums]

Thanks for your videos! They are so helpful! I'm developing for such a long time and really got stuck with all those RxJS stuff... your explanations helped a lot!

[@academind]

Awesome to read that Verry, thank you very much!

[@aprofromuk]

Hey many thanks for the tutorials, quick question, what would be the best way to do if else in RxJS please?

[@sanjeetbahadur9377]

great explanation

[@videderien2]

What are differences between MergeMap and SwitchMap ?

[@LasSeHvadDerSker]

this is an awesome explanation - thank you

[@academind]

So happy to read that you like the video Lasse, thank you for your comment!

[@grzegoszbrzeczyszczykiewic7753]

Best explanation , thanks!

[@academind]

Thanks so much Grzegosz!

[@ngyi3553]

Do swicthMap() exists on Subject and BehaviorSubject?

[@academind]

You can use all observable operators on all observable-"like" objects like Subjects, too, yes.

[@RohithVarma36]

awesome explanation...

[@dxcqcv]

can you make a video about exhaustMap?

[@TahaZgued]

Excellente explanation, thanks man keep on

[@academind]

Very happy to read that you like the video Taha, I'll try my best to keep it going!

[@alainkr]

Super clear

[@barjosa31blogspot83]

Thank You! Indeed it's helpful!

[@academind]

That's just great to read, thanks a lot for your support!

[@uncle-xxi]

That was very helpful! Thanx a lot!!!

[@odia-sanatani]

'Rx.' where we can import in angular

[@udaybsvs8699]

good explanation

[@alex.p]

Thanks a lot! It was very helpful.

[@academind]

Thank YOU for your comment Alex, happy to read that :)

[@selimatasever4112]

why didnt he use pipe function? I thought it was required to create chain operators

[@danny24_24]

Keep up the great work !

[@academind]

I'll try my best, thank you so much!

[@alshojamikbal8510]

Finally got what switchmap is OMG :O and can you please explain it with Angular 6 +

[@ahmedalhisaie7698]

Thanks, it was clear, but we would like to see these explanations in real situation, right now these operators been used intensively in Ngrx effect , it would be great if you could explain it with that.

[@wOOx92]

Can you do another video for exhaustMap, pls? :)

[@codeative]

So clear .. Thank you

[@academind]

Thanks so much Mostafa!

[@danielubanan5503]

Thank you.

[@xnivaxhzne]

Love u man

[@NBUltra187]

i wish people would use real world examples for such topics.

[@AhmedZERZERI]

great job max keep it up :) btw i love your angular 4 course on udemy!

[@academind]

Awesome to hear that, thanks so much Ahmed!

[@AhmedZERZERI]

Can i put my email here? i'm starting a big project using angular and i really could use some advise from someone with your experience ! i will make sure not to take much of your time as i Can imagine you're a busy person :) thanks a lot again for your great work !

[@ksas323]

Danke Bruder

[@artdronax6737]

When we see creating real big projects? Example: Shopping Cart

[@academind]

I have two series about that on the channel already ;) Or do you mean with RxJS? There probably will be projects using it in the future, too - no worries.

[@herpinmaderpful]

You should buy his udemy courses, they are EXCELLENT, and you get to see stuff like this used in a larger project scope

[@daydreameravani]

Expecting a demo project that involved RxJS and Redux-Observer in the future.

[@codigo_total]

Buenardo

[@Daavlot]

I subscribed() to this channel

[@academind]

Great to have you on board, thank you!

[@BULLSHXTYT]

It takes time to understand... I can't understand it for the first time

[@nafishasnian1367]

Max i like your Rxjs series But Everybody is waiting for project based series including me. Stuff that we cant learn by reading documents. I would love to see large scale social network/shopping card based projects. KZbin lacks those types of videos. Most of the videos are short and doesn't show the right way to do it rather the simple way to do it. If you can, please Make the concept or core technology based videos on Udemy and Project based videos on KZbin. If they dont understand your project based videos you can always suggest them your Udemy courses.

[@academind]

Thanks for your feedback Nafis! I haven't abandoned project-based series, no worries but I want to cover a broad range of topics and I of course I only want to create such a series if I a) have the time and b) have topics which make sense. There will be project-based videos in the future

[@nafishasnian1367]

Okay awesome. Keep up the good work

[@N96123]

Where we gonna use this technically ? BTW Great series!

[@academind]

I'll try to share some projects on this channel where I also show some practical applications of RxJS, that should be helpful :)

[@almeida.cavalcante]

Finally I'm starting to understand this switchMap thing :D haha... isn't it what a throttle design pattern does?

[@bohdanonufriychuk5500]

Can you share a link to what do you mean bt saying `throttle design pattern`?

[@expertreviews1112]

Why didn't he put switchMap inside pipe???

[@expertreviews1112]

Thnx man... That helped a lot

[@nergrohombre]

thanks,

[@LuXxenatorX]

is this deprecated?

[@marijnstapert9036]

no

[@virendrapatel775]

👍👍👍

[@vukkumsp]

Still I have a doubt. I learned that switchMap() is a similar to map() except map() is applied Array object while switchMap() is applied on Streams or Observables. How Observable is similar to an Array... this is really confusing me. please some one help me out, Thank you

[@Andrew-tl9gk]

RxJs .map() has nothing to do with arrays. It is for changing data (similar to Array.map). switchMap() is not for changing data, it is for subscribing to an Observable and cancel the old subscription at once.

[@chanlito4896]

Academind?

[@academind]

Yep, changed the name ;)

[@tomaszsikora6723]

This is insanely overcomplicated. Love your tutorials though.