Deferrable Views - New Feature in Angular 17

Level up your Angular skills with my Advanced Courses 🚀

Discover the easy way to load parts of your website only when needed with Angular 17's new feature: Deferrable Views. This video shows you how this cool tool helps to load your website faster and smoother, making your coding life simpler. Great for both new and experienced Angular users. Watch, learn, and share if you like what you see. Let's get started with Angular 17's Deferrable Views!

More about Deferrable Views on the Official Angular Documentation:

🕒 Time Codes:
00:00:00 - Intro;
00:00:45 - Lazy Loading before Angular 17;
00:03:06 - @defer block in action;
00:04:44 - @placeholder, @loading, and @error blocks;
00:07:32 - Deferrable Views Triggers;
00:12:15 - Chunk Prefetching;
00:14:40 - Outro;

💡 Short Frontend Snacks (Tips) every week here:

#angular #ng #typescript #webdevelopment

[DecodedFrontend]

Level up your Angular skills with my Advanced Courses 🚀

💡 Short Frontend Snacks (Tips) every week here:

[keaganfouche]

This is the best video on deferrable views that I've come across. Thank you for the clear and well delivered information!

[MrKOHKyPEHT]

IMO Angular 17 is game changer, but when we are talking about bumping current projects to version 17 - using all new features and benefits of Angular 17 will require a lot of refactoring, including both templates and components (deferrable views, signals, etc.)

[gonzalocorchon]

I've been missing you lately. It was worth the wait. Great video as usual.

[vladislavamarkova]

One of the best videos on Deferrable Views, thank you!

[atulkamble]

Beautifully explained! This is going to be very useful.

[timurbirgalin]

This is a really cool feature and I can't wait to try this one and other new features in our new project at work! Thank you so much for the video!

[Panossa]

This is a very hands-on approach to showing new features, love it! Very concise and ripe with examples. Thanks!

[gagiksimonyan]

Thanks for another useful video, Dmytro) Glad to see you again

[oleksandrvorovchenko]

Very good and detailed explanation! As usual :) Thanks!

[artemyavorskyi]

Дякуєм за хороший як зажди розбір Ангуляру!

[AfifAlfiano]

What the game changer, that's awesome feature

[aliroshan]

Thanks for your hardworking and sharing your experience
❤

[innocentmazando]

Always a good thing hearing you explain concepts to us.

Thanks @Dymtro

[ichr]

Thank you very much, another really great explanation and use cases! :)

[abdelhamidouanes]

Bravo !! Big thanks <3 bien expliqué, j'apprécie beaucoup votre efforts <3

[MrVinodkumar]

Thanks for the clear explanation.
I have a doubt. U said placeholders, loading error are eagerly loaded.

But in projects we use again another component inside the error and loading blocks

Then we lose the lazy loading right. So how can we achieve even loading the blocks content as lazy loaded.

[teothe]

If we wrap all this logic in a component will it be the same
example:
in an app the loading and error part might be the same in all situations

[psk]

Thank you so much, your explanation and immediate example are very helpful.

Give me crystal clear for the idea what it should be used for.

For me this is brilliant feature offer from Angular team.

[MayuraaSripalan]

Great explanation! Thank you very much!