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": [ Ссылка ]
▪️Implement new block syntax: [ Ссылка ]

I hope that you will find this video helpful.

Donation: [ Ссылка ]

For more tips and updates, follow me on:

LinkedIn: [ Ссылка ]
Instagram: [ Ссылка ]
Threads: [ Ссылка ]
Twitter: [ Ссылка ]

Website: [ Ссылка ]
Email: me@igorsedov.com

#angular #angular17

свернуть