#Angular Router Guards Pt.1: CanActivate vs CanActivateChild (2021)

Angular Router Guards are very powerful feature which gives you control over access to some certain route. In this video tutorial we will have a look at 2 of available routes: CanActivate and CanActivateChild. We will see use-cases for both of them and figure out how to properly choose between them.
As a bonus part I will show you a design pattern called "Component-Less Route". Thanks for your attention and enjoy watching ;)

📣 Become a Pro in Angular Material Theming (Advanced Workshop) 📣
✅ Use 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 coupons left)

📣 Blazing fast GraphQL Backend just in 1 Day with Hasura Engine 📣
✅ 20%-off coupon code: HASURA-EASY-START

00:00:00 - Intro;
00:00:55 - Project Overview;
00:04:40 - Implementation of CanActivate Guard;
00:11:25 - Restrictions of CanActivate Guard;
00:16:11 - CanActivateChild Guard in Action;
00:18:26 - Component-Less Route Pattern;
00:24:15 - Outro;

🔗 Link to the source code on GitHub:

#angularrouter #canactivate #canactivatechild #webdevelopment #angulartip #frontend

[DecodedFrontend]

Thank you for watching! Please share the video if you like it and don’t forget to leave feedback in comments 🙏🏻🙂

[mirciulicasm]

Thank you for doing these videos. You are one of the few people that cover in a good manner advanced JS topics on youtube <3

[rikihanks]

i always learn a lot from your videos. i know angular but you are enaming me to take it to the next level. than you

[andrewarosario]

Amazing video! Thanks for sharing this content!
A suggestion for another video: Unit testing best practices in Angular

[p.s]

Thanks for the video.
I always get to learn something new from your videos. :)

[erismeirishidalgoreyes]

Excellent video. For a long time, I have been looking for this.

[YevheniiaDehtiarova]

Dmytro, thank you for video and good explanation of this guard and especially pattern component less

[andresmauriciofajardoolaya]

Nice video, excellent content of angular that you offer

[manishboge]

Must watch video. Thank you for your time to prepare this kind of content and sharing.

[giorgikirvalidze]

Best of the best, explained so simply to understand.

[hiteshsuthar]

Great content, tons of best wishes ✨❄️

[intergral]

Amazing content. Helped me learn so much beyond the surface level

[Sunill_Waugh]

Great content, please can you create a video on creating components dynamically using component factory, thanks

[jakubrakowski]

Awesome :), grat video pls add more if possible

[maximermoshin]

Nice video. Didn't know about CanActivateChild before. But there are two questions: does the guard we pass through CanActivateChild will be checked only for first-level children, or for children of these children too? And will lazy loading modules affect somehow its behavior?

[matthewheaney]

How to you decide whether to use router.createUrlTree() or router.parseUrl()? (Or indeed, router.navigate() ?)

[earthpligrim]

Can i please get the links of the further parts of this series on router guards?

[slowmoshotsPZ]

can we add title resolver for named router outlet, if yes how?

[utsavsharma]

Why don't you prepare a full Angular course beginners and advanced seperately.
I bet it will be a bestseller. I am on Udemy.