Resolver Guard in Angular Router (2021) 

Please use time codes in video description to navigate through the video, check my courses and leave your feedback in comments! Thanks for watchin!

This channel is amazing , there is no word , every video you post about angular motivates me to learn

best angular tutorial i've seen so far, very practical, clear and useful.

This is super as usual, thanks a lot. It would be cool to see some video from you regarding RxJS operators that you often use and best places to use. Thanks in advance:)

Awesome, just what I was looking for months, TYSM

Really amazing video to understand all the angular concepts more clearly 👏

Really I got some more insight every time when I’m watching your videos, Can you make something for global errors handling in Angular. Last but not least Thank you so much ! for amazing and informative videos.

Nice video! The content of this channel is amazing. This kind of content is hard to find.

Great content, loved the techniques you used, especially merging of the observable streams, super useful. What I would have liked to have seen is the error scenario handling, to see what happens

The routing resolve events is really useful, didn't know we have that.

you should make unit test deep dive that would be awesome

yeay, a course that i was looking for

Excellent!! Nice explanation. Thanks

thank you for this amazing video !

I am learning so much from you man :)

excellent video, thanks for spend your time do it

Thank you so much ❤!

Amazing bro, nice explanation. thanks a lot.

Guy, make all for being as a "Google Angular Developer Expert". Good luck!

it helped me! thanks bro

An other banger thanks 🎉

Thank you very much 😎😎😎

Very informative 👍

I get to learn new things with every video that you make. Great video as always. One suggestion - While uploading project on Github, can you create 2 branches, one with starter code and other with the Final solution?

Thank you

Great resource

love your hair! content is great as well, thanks

thanks again! I just copied your code into my project!😀

Thanks a lot, bro 🤟

Great video thank you. Can we use mutliple 's and can we display two angular applications in single page? pls tell me

Great video! What if we navigate to specific route second time, but don't want to see this 'progress-bar event' again. Can we cache our data with this Resolver and is it make sense?

Thank you for it. But can u show us how to resolve the user data on page refresh once the user is on the user details page. In the example above the users url was harcoded on the user service. But how would u solve if the url was on the parent component? Thank you😊

Hi thanks for the tutorial, but can you make one where the resolver depends on another resolver? Eg in this very same scenario where the user deep link onto a single user. But the difference would be that instead of hard coding the Users link, this would be provided by another resolver So getUsers need a resolver to get the list of users and its link (profile) then getUser will need to get the link from the usersResolver to them append the id to it thanks

Hi, what if the case if I want refresh resolved data ? I mean, in „shared service” way I will create something like refreshData subject and switchMap with it. How can I achieve this kind of behaviour in resolver ? Should I refresh entire page to get routing kick in and refresh the data ?

Thank you for this video, please let me know what extension your using to generate the resolver in vs code?

I have that same extension that displays the import cost; however, whenever I import anything from `rxjs` (and not `rxjs/internal/Observable` or the like), mine reads out as "144.1k (gzipped: 28.6k)" while yours reads as "8.8k (gzipped: 2.8k)". Is there a certain setting I need to configure with the extension? Or is there something you have established with your app's configurations/settings? Like I alluded to previously with `rxjs/internal/Observable`, I saw this video on boosting an Angular app's performance (that was narrated and assumingly written by Jeff Delaney/Fireship), and he recommended to start importing from `rxjs/internal/Observable` directly. I also know there are the "static imports" that work like `import 'rxjs/Observable/add/map` or the like. I'm never sure which one I should use for which particular use case. Is there a diagram, a chart, or a question diagram/tree I can use for a reference? Apologies for the word vomit, but this has been an issue I've been trying to wrap my head around for a while and noticing the remarkably small import size you were getting for RxJS modules was incredibly perplexing for me. Any assistance is much appreciated!

Its great video, thanks for it. Also can you please tell me the extension you are using to show the imported module size in kb ?. Thanks in Advance.

will something like this resolve? return { listA: Observable, listB: Observable ... }

I feel like 13:26 could be done much easier, in one Observable instead of three. Something along the lines of: export class AppComponent implements OnInit { isLoading$!: Observable; constructor(private router: Router) {} ngOnInit(): void { this.isLoading$ = this.router.events.pipe( filter((e) => e instanceof ResolveStart || e instanceof ResolveEnd), map((e) => e instanceof ResolveStart) ); } } When the event is a start event, it'll get mapped to true; else to false. No need to merge Observables or even have them on a class-level as variables. Or am I missing something?

It's admitted to inject some Store into the resolvers and dispatch action from them? Or the best practice is to inject the store only in parent component and dispatch all the actions needed to load it and all it's children?

please what's the name of the extension you used to generate the resolver

Nice video, however this does not work on Angular 12, please assist. Thanks

you are the good teacher, but sometimes we didn't understand because you start video and you are already create project and configure everything, that lost us...