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!

[@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!

[@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]

👍👍

[@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!

[@salmi_azrinparentsonly863]

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

[@Ratchet2022]

He’s German.

[@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. :)

[@nergrohombre]

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

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

[@AGUNGKAYA]

I like Max explain it straighforward and easy to understand

[@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!

[@icavir]

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

[@lowzhao]

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

[@timothygrashaw5233]

You're a godsend Max. Thanks!

[@98milok]

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

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

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

[@v1234able]

Ghost of Rxjs is no more . thq

[@forgotten225522]

Incredibly clear explanation. Thank you!

[@bharathmkulkarni9411]

Very well explained!

[@unity3dconcepts434]

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

[@DonTaldo]

Excellent explanation!

[@samybaxy]

Great tutorial - Finally switchMap makes sense to me :)

[@leolanese]

Simpler explanation ever! Well done

[@academind]

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

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

[@IsmayilIsmayilov]

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

[@douglasperez3701]

Such a great video! 🤘

[@_bykt]

Excellent explanation.

[@kekinchheda8097]

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

[@luxxart]

Very clear explanation - thank you!

[@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!

[@KeganVanSickle]

Great tutorial Max!

[@yYp4rtybo1Xx]

Thank you sir, finally I understood switchMap !!

[@sachinhajare5404]

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

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

[@sanjeetbahadur9377]

great explanation

[@EPustovit]

Pretty clear explanation! Thank you!

[@academind]

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

[@jesulalu6594]

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

[@vincolasrj]

Awesome explanation!! Help me a lot!!

[@academind]

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

[@lasseandreasen1518]

this is an awesome explanation - thank you

[@academind]

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

[@riteshpatidar9184]

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

[@academind]

Awesome, thank you!

[@thepumpedupgeek]

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

[@medivh1035]

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

[@alshojamikbal8510]

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

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

[@aprofromuk]

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

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

[@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);} ); }

[@udaybsvs8699]

good explanation

[@uncle-xxi]

That was very helpful! Thanx a lot!!!

[@barjosa31blogspot83]

Thank You! Indeed it's helpful!

[@academind]

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

[@dxcqcv]

can you make a video about exhaustMap?

[@RohithVarma36]

awesome explanation...

[@alex.p]

Thanks a lot! It was very helpful.

[@academind]

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

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

[@videderien2]

What are differences between MergeMap and SwitchMap ?

[@danny24_24]

Keep up the great work !

[@academind]

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

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

[@danielubanan5503]

Thank you.

[@wOOx92]

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

[@selimatasever4112]

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

[@NBUltra187]

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

[@codeative]

So clear .. Thank you

[@academind]

Thanks so much Mostafa!

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

[@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 !

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

[@Daavlot]

I subscribed() to this channel

[@academind]

Great to have you on board, thank you!

[@ksas323]

Danke Bruder

[@BULLSHXTYT]

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

[@odia-sanatani]

'Rx.' where we can import in angular

[@xnivaxhzne]

Love u man

[@nergrohombre]

thanks,

[@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 :)

[@codigo_total]

Buenardo

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

[@expertreviews1112]

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

[@expertreviews1112]

Thnx man... That helped a lot

[@LuXxenatorX]

is this deprecated?

[@marijnstapert9036]

no

[@virendrapatel775]

👍👍👍

[@chanlito4896]

Academind?

[@academind]

Yep, changed the name ;)

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

[@tomaszsikora6723]

This is insanely overcomplicated. Love your tutorials though.