Це відео не доступне.
Перепрошуємо.
switchMap() | RxJS TUTORIAL
Вставка
- Опубліковано 18 сер 2024
- Awesome RxJS Operators - this time: switchMap(). What is it and how may we use it?
Code (Start): jsfiddle.net/1...
Code (End): jsfiddle.net/y...
Want to become a frontend developer? Consider diving into some of my courses:
Angular vs React vs Vue - Quickstart and Comparison: acad.link/ng-v...
Ionic + Angular - The Practical Guide: acad.link/ionic
Angular - The Complete Guide: acad.link/angular
Vue.js - The Complete Guide: acad.link/angular
You can follow me on Twitter (@maxedapps), Facebook ( / academindchannel ) or visit our Website (www.academind.com).
See you in the videos!
Amazingly explained! The documentation is incredibly confusing on this but you cleared up all of my confusion right away.
I agree, I think we need a real life example with a type ahead or something, but this is WAY better than the documentation
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..
It makes me really happy to read, that my explanations helped you Anish. Thank you for sharing this :)
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!
switchMap() is very complicated to understand but with your explanation, you make stuff easy, thank you so much.
This is the first explanation of switchMap i've actually understood. Thank you!!
Thanks so much Muma, makes me really happy to read that the video helped you!
👍👍
I was looking to find an explanation to finally understand the difference between mergeMap() and switchMap(). I think now I do. Thanks!
Great to read that the video was helpful for you Gregor, thanks a lot!
Thank you for getting to the point quickly and not wasting our time, EXCELLENT!!!!!!!!
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!
Thank you so much for your sharing this absolutely fantastic feedback Harsimer! This really means a lot to me :)
Academind sir, It is an honour for me to receive a reply from an expert like u. Thanks again! Made my day. :)
Thank you. It solves my problem in nested observable on angular auth guard
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.
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!
I have been searching for a switchMap() explanation for awhile now and thanks to you I finally understand this operator. Thank you so much!
I like Max explain it straighforward and easy to understand
You have great videos about rxjs that are easy to understand and make the life of a developer easier.
Thanks for the explanation. Minimal and simple, just what you need to understand switchMap.
I LOVE YOY GUY! Last night, i no understand nothing about that, but now, i understand very good the switchMap operator. Thanks man!
You're a godsend Max. Thanks!
This course of rxjs is very important to approach with ngrx, thank you Maximilian and keep up.
Thank you very much for your comment Kamal, it makes me really happy to read that you liked the video!
with pleasure.
can i apply switchMap to my wife's repeated arguments
Lol, you will have to unsubscribe from the arguments. unsubscribe()
hahaha 'import { switchMap } from 'rxjs/operators' first
It’s your fault. If you did not subscribe to her voice, you would never hear it.
in version 8.x of RxJS they will add switchWife operator.
Assume you had one
I have fallen in love with your french accent. French people are good teachers!!
He’s German.
I was in trouble with this operator. Thanks a lot man. It cam in handy at the moment. I am subscribing you right away.
Very clear video thank you. I know its not HD, but the content is HD.
No matter what I watch what i read, unless I watch your videos i don't get the concept completely. hahahaha... thanks bro.
Incredibly clear explanation. Thank you!
Great tutorial - Finally switchMap makes sense to me :)
Ghost of Rxjs is no more . thq
Excellent explanation!
Very well explained!
@Academind You are great tutor . Explained perfectly thanks for that.
Excellent explanation.
man, i do really aprecciate your videos! Thanks for the help! Keep it up
Thank you sir, finally I understood switchMap !!
Very clear explanation - thank you!
Such a great video! 🤘
Simpler explanation ever! Well done
Thanks so much for your comment Leo, happy to read that you liked the explanation!
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."
great explanation
Great tutorial Max!
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!
Awesome to read that Verry, thank you very much!
Awesome... nandri it was so understandable... mikka mikka nandri
Pretty clear explanation! Thank you!
Thanks a lot Erop, it really makes me happy to read that!
this is an awesome explanation - thank you
So happy to read that you like the video Lasse, thank you for your comment!
Thanks, you made it so simple to understand... I am subscribing to your UA-cam Observable/Channel😅
Awesome, thank you!
Super clear
good explanation
Awesome explanation!! Help me a lot!!
So cool to read Vinícius, thank you very much for your comment!
awesome explanation...
the compiler tells me switchMap is not a property of Observable?????
Can I apply switchMap() operator more than once one after another?
That was very helpful! Thanx a lot!!!
Finally got what switchmap is OMG :O and can you please explain it with Angular 6 +
Thank You! Indeed it's helpful!
That's just great to read, thanks a lot for your support!
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
Hey many thanks for the tutorials, quick question, what would be the best way to do if else in RxJS please?
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.
how do we cancel old HTTP request and subscribe to new which are not triggered from an event ?
Best explanation , thanks!
Thanks so much Grzegosz!
Thank you.
Do swicthMap() exists on Subject and BehaviorSubject?
You can use all observable operators on all observable-"like" objects like Subjects, too, yes.
Excellente explanation, thanks man keep on
Very happy to read that you like the video Taha, I'll try my best to keep it going!
I get that it stops old subscriptions, but how's it changing the values?
can you make a video about exhaustMap?
What are differences between MergeMap and SwitchMap ?
why didnt he use pipe function? I thought it was required to create chain operators
i wish people would use real world examples for such topics.
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);}
);
}
It takes time to understand... I can't understand it for the first time
Keep up the great work !
I'll try my best, thank you so much!
Danke Bruder
Can you do another video for exhaustMap, pls? :)
Finally I'm starting to understand this switchMap thing :D haha... isn't it what a throttle design pattern does?
Can you share a link to what do you mean bt saying `throttle design pattern`?
So clear .. Thank you
Thanks so much Mostafa!
Love u man
'Rx.' where we can import in angular
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. UA-cam 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 UA-cam. If they dont understand your project based videos you can always suggest them your Udemy courses.
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
Okay awesome. Keep up the good work
great job max keep it up :) btw i love your angular 4 course on udemy!
Awesome to hear that, thanks so much Ahmed!
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 !
Where we gonna use this technically ? BTW Great series!
I'll try to share some projects on this channel where I also show some practical applications of RxJS, that should be helpful :)
thanks,
Buenardo
I subscribed() to this channel
Great to have you on board, thank you!
When we see creating real big projects? Example: Shopping Cart
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.
You should buy his udemy courses, they are EXCELLENT, and you get to see stuff like this used in a larger project scope
Expecting a demo project that involved RxJS and Redux-Observer in the future.
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
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.
👍👍👍
Why didn't he put switchMap inside pipe???
Thnx man... That helped a lot
is this deprecated?
no
Academind?
Yep, changed the name ;)
This is insanely overcomplicated. Love your tutorials though.
Thanks a lot! It was very helpful.
Thank YOU for your comment Alex, happy to read that :)