Lazy / Dynamically loading of component in Angular 9

Показать описание

In this video, i talk about

1. how to load the component dynamically / lazily in angular 9 application using ViewContainerRef, ComponentFactoryResolver.

Prepared by: Ayyanar Jayabalan

Рекомендации по теме

Комментарии

This video helps. Thanks.

Other videos everyone explaining how to load dynamically but actually doing eager loading.

BimalDaslol

You just solved the complexity I was finding difficult to grasp after 1month. Thank you.

marvelousikechi

Thanks for sharing! it helped me a lot!

laxmichavan

Sir, not able to see the code, can u pls zoom little bit

perumalchinnasamy

How to load js file references only after a component template loaded?

noushadpvlr

What we need to do if we want to load that component into a specific part of current template.

DJKAPkapil

Thanks Ayyanar for the nice explanation.how can we stop loading the same lazy loading component again and again¿

gleamofcolor

I have created in library publish (16 no. in this list) to this. but is show error .
ERROR in app.component.ts(15, 12): error TS2339: Property 'lezy1Component' does not exist on type 'typeof
app.component.ts(20, 12): error TS2339: Property 'lezy2Component' does not exist on type 'typeof

const {lezy1Component} = await import('./lazy1.component');
in this object giving error..
i import and declare in app module also.. Please check and provide me solution.

nanu

Hi sir, the video is very informational but it was quite a struggle for me to hear it properly. The voice is very low.

vishakagupta

Lazy / Dynamically loading of component in Angular 9

Lazy / Dynamically loading of component in Angular 9

Lazy loading for performance in React

React.Lazy vs Dynamic Imports for Lazy Loading

Speed up your Website with Next.js Dynamic Import Lazy Loading

Build a React.js Lazy Loading App with Dynamic Data From API for SEO Using react-lazyload Library

Next.js Performance Optimization: Implementing Lazy Loading

Angular 7 Routing with Lazy Loading

83 🌟 Angular 19 Tutorial: Lazy Loading Routes for Better Performance 💡

Lazy loading of module in angular 9

Webpack 4 Lazy Loading

Dynamic Loading and Lazy Loading with Importlib

Angular Lazy Loading: How to Dynamically Load Components Effectively

Mastering Dynamic Lazy Loading in Angular Applications

Code Splitting in React JS - Lazy Loading Performance Optimization

This is why you should lazy load routes and components in Vue

Effortless Speed: Next.js Lazy Loading

Improve Your React App's Performance w/ Lazy Loading!

✨ Lazy Loading Components for Faster React Apps

Lazy Loading of Scripts in JavaScript

Angular Lazy Loading Explained: A Beginner’s Guide 🚀

Speed Up Your React Apps With Code Splitting

28. Master Angular 17: Lazy Load Components for Ultimate Efficiency

Vue.js: Lazy Loading beyond routes?

Webpack 5 Dynamic Imports: Mastering Lazy Loading for Faster Applications