CanLoad Guard in Angular Router & Preloading Strategies (2021)

The next #Angular Router Guard we are going to cover is CanLoad. This guard works only with lazy-loaded modules and allows us to prevent loading of some lazy module if it is necessary. Besides this we will have a look at some preloading strategies for lazy-loaded modules and of course we will go beyond and create our custom preloading strategy. Thanks you for your attention and enjoy watching!

📣 Become a Pro in Angular Material Theming (Advanced Workshop) 📣
https://bit.ly/angular-material-themi...
✅ Use 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 coupons left)

📣 Blazing fast GraphQL Backend just in 1 Day with Hasura Engine 📣
https://bit.ly/complete-hasura-course
✅ 20%-off coupon code: HASURA-EASY-START

Time Codes:
00:00:00 - Intro;
00:00:42 - Demo Project overview;
00:02:46 - Convert eagerly loaded module to lazy-loaded one;
00:07:39 - Describe the Problem with Lazy-Load and CanActivate;
00:09:15 - CanLoad in Action?;
00:14:33 - Intro to Preloading Strategies;
00:18:31 - Implementing of a custom preload strategy;
00:19:01 - Refactor the Guard to make it reusable;
00:24:22 - Outro;

🔗 Link to the source code on GitHub:
https://github.com/DMezhenskyi/angula...

#webdevelopment #angulartip