My latest course 'Angular and Firebase authentication' is FREE for next 2 days - 13th April 2024. Get it now!

Blog posts with tag lazy-loading

Cover Image for Angular 17 Defer block: Create a Lazy-loaded Youtube Player for a blog!

Angular 17 Defer block: Create a Lazy-loaded Youtube Player for a blog!

Interested in maximizing your Angular app's efficiency by learning how to lazy load components using the new Defer block in Angular v17? In this post, I'll walk you through the details of building a lazy-loaded video component and explore the various options available to trigger lazy loading.

Cover Image for How to lazy load Angular Material Dialogs

How to lazy load Angular Material Dialogs

In an earlier post, I showed you how to create reusable confirmation dialogs with angular material components. In this video, we'll cover how to lazy load your material dialogs using an advanced way with Angular v9+.

Cover Image for Angular material tabs with lazy loaded routes

Angular material tabs with lazy loaded routes

Tabs are a great UI pattern to divide up complex content of your web app into easily digestible pieces. You can use a few tabs or several tabs, each catering to a different section in your app.

Cover Image for How to add code splitting to your Angular app

How to add code splitting to your Angular app

As web apps grow in their capabilities, we also see an increase in their bundle sizes. At one hand we need to ship more code for cool new features. On the other hand, we also need third party libraries and their code for everything to work.

Back to the blog