Angular 17 New Feature: Deferrable Views and Deferred Loading in Templates

Angular 17 introduces a new feature called deferrable views and deferred loading. This can help to improve the performance of applications, especially those with large amounts of template content.

🎥 In this video, I will explain in detail what deferrable views and deferred loading are in Angular 17, and how to use them. I will cover the new keywords for deferred blocks (defer, placeholder, and loading), the types of triggers (interaction, timer, viewport, etc.), and the conditions.

👁️‍🗨️ I will provide full and detailed explanations, with examples and beautiful and understandable visuals. This video is perfect for developers and beginners who want to learn about this new feature and improve the performance of their applications.

✔️This is a big change in the new version of the @Angular framework, which is expected in November 2023. You can learn about it now.

▶️ Here is a list of topics that I will cover in the video:

0:00 Deferrable Views and a New Keyword
0:21 Deferred Loading
1:02 The Defer Block and Conditions
1:22 The Interaction Trigger
2:06 The Hover Trigger
2:42 The Timer Trigger
3:06 The Viewport Trigger
3:48 The Immediate and the Idle Triggers
4:24 New Blocks: placeholder, loading, error
4:54 Multiple Conditions

One use case mentioned in RFC "Deferred Loading" (the link is below) is deferred loading of video comments. My explanation is based on a similar case - deferred loading of an image comments.

Sources:
▪️RFC "Deferred Loading": https://github.com/angular/angular/di...
▪️Implement new block syntax: https://github.com/angular/angular/pu...

I hope that you will find this video helpful.

Donation:   / igorsedov  

For more tips and updates, follow me on:

LinkedIn:   / igorsedov  
Instagram:   / theigorsedov  
Threads: https://www.threads.net/@theigorsedov
Twitter:   / theigorsedov  

Website: https://igorsedov.com
Email: [email protected]

#angular #angular17 #framework