Lazy loading in angular

Подписаться 828 тыс.

Просмотров 134 тыс.

50% 1

In this video we will discuss lazy loading angular modules
Text version of the video
csharp-video-tutorials.blogsp...
Healthy diet is very important for both body and mind. We want to inspire you to cook and eat healthy. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking.
/ @aarvikitchen5572
Slides
csharp-video-tutorials.blogsp...
Angular 6 Tutorial
• Angular 6 tutorial for...
Angular 6 Tutorial Text Articles & Slides
csharp-video-tutorials.blogspo...
Angular, JavaScript, jQuery, Dot Net & SQL Playlists
ru-vid.com...

Наука

Опубликовано:

4 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 99

@gabrielnzete8913 2 года назад

Knowing a technology stack is one thing but to excellently teach it takes a whole high level of skill. This guy can teach to the moon. He is just so good with his teaching technique. All his courses are excellently taught.

@omostan 3 года назад

I have always followed your tutorials whenever I have difficulties over the 10 years plus of my software development. I just cannot say thank you enough for all your help. For me, you are the best teacher I have had the opportunity to listen and view his tutorials. Where others will skip a potential problem, you will always stop, simulates the problem just to explain why it occurs in the first, and then resolves it before carrying on with rest of the tutorial. Today, you saved my day again. Many thanks to you sir and God bless!

@80amnesia 5 лет назад

One day I'll fly to India to thank Venkat :-)

@nikachkhobadze7710 4 года назад

Anyways, this man is really good and deserves more likes. One from me ;)

@HK-sw3vi 4 года назад

@Girish kumar and how exactly on this cursed lands do you even fucking have that kinda private knowledge, pal?

@mvdlele29 5 лет назад

idk if u re the best programming tutorial maker in the word but im sure u re the best indian

@someshnukala804 3 года назад

One of the greatest Technical Gurus Sri Venkat sir. Thanks a lot sir

@surendrareddyseelam9757 2 года назад

Yes I've been struggling on how routing among modules works and all These videos sorted all my doubts, You are ULTIMATE sir, take a bow 🙇‍♂️

@viplovedev 3 года назад

I have tears in my eyes because I heard this God explaining the world to me.

@albertvasilev5384 5 лет назад

I watched so many tutorials about this and no one helped me, but yours did it! Thanks a lot! :)

@chathurindasumithraarachch2716 3 года назад

same here

@saianusha2818 5 лет назад

much awaited concept..thanks alot :)

@toascorner 3 года назад

For Angular 11 this worked for me: loadChildren: ()=>import('./employee/employee.module').then(mod=>mod.EmployeeModule)

@bobbycv64 Год назад

Well done Sir, I passed this video on to my Class. To the rest of the positive comments, I agree 100%.👏

@GuptaPavan759 5 лет назад

Thanks Sir for clearing every single point in your video.

@Prasad368 4 года назад

Explained so well. Thank you.

@GajavelliAdarsh 5 лет назад

just excellent.. that is what i am looking for.

@AmirKMilbes 5 лет назад

Thank you so much for your classes, sir.

@xperiasony8961 4 года назад

Best Teacher in the world

@M7MDAL6OBASI89 4 года назад

Thank you from my heart 🌸♥️

@krishtheindian 2 года назад

This is brilliant! An art of explaining things in a simple, understandable way! Thanks a million!

@azharudeenshaikabdulkhader7832 4 года назад

Simply awesome, thanks for the video

@donbradfield5679 5 лет назад

short, simple, easy. thanks

@88spaces 3 года назад

Your videos cover one topic only and don't dive into others. I like that because it allows you to focus on the task at hand. Also, you're great at presenting tutorials. Thank you.

@bobbycv64 Год назад

❤

@msurya1090 5 лет назад

Very clear explanation... Thank you

@xdmemeguy 3 года назад

This was so beautifully and simply explained. Well done sir

@chaitanyapai8245 4 года назад

Very good explanation sir. Thank u very much.

@misterperfecttube5377 4 года назад

Hey man you teach better than the angular documentation

@arpitamukherjee5146 3 года назад

Very nicely explained! Thanks!

@prashansapriya5963 2 года назад

Such great explanation is so rare...great work 👍

@fed4wet 5 лет назад

Perfect, thanks!

@trishalwalia4086 4 года назад

Thanks for the wonderful video :)

@rahulkamboj4603 5 лет назад

You will go places... keep it up.. much appreciated 👍

@akhilvenkat1877 5 лет назад

Excellent tutorials, thanks you soo sir.

@sergeyz4591 5 лет назад

Thank you!

@kirens8897 4 года назад

This is very nice. Thanks

@JayGrant 3 года назад

great video, learn a lot thanks

@ankurarora5093 4 года назад

Thanks Venkat 🙏🏻

@malayali_from_Coventry 3 года назад

Great vedio .. Concept is very well explained 👍👍

@MrAnasSov 5 лет назад

The best thank you so much

@SoorajT 5 лет назад

Thank you so much

@surajjagtapRider 5 лет назад

Thank you sir

@limontuzuxxx 3 года назад

Dude your examples are really easy to comprehend, do you have any tutorials on the bigger platforms like Udemy or Pluralsight?

@ganeshdivekar5042 4 года назад

Awesome explanation of lazy loading , I just started with Angular and would wonder what is the need of module when we can import components directly in other modules. But lazy loading is possible only via modules.

@Csharp-video-tutorialsBlogspot 4 года назад

Thank you Ganesh. Very glad you are finding this angular 6 tutorial useful. Good luck with everything.

@iroshanaravishan1388 2 года назад

Superb👏

@jayababuthumati6297 Год назад

Mr. Kudvenkat, why you forgot us, please start a new series on Angular latest version. waiting to listen your voice again

@gagandeepsingh6126 5 лет назад

Sir please make videos on ssis,ssas,ssrs.

@ibknl1986 4 года назад

Thanks for sharing the video

@Csharp-video-tutorialsBlogspot 4 года назад

Hello Ismail - You are very welcome. Hope you are finding this angular course useful.

@eddiezhu9376 5 лет назад

exactly what I want to know

@mdabuzar2130 5 лет назад

Sir.. Please One video on interceptor.

@sravyaparsi7952 4 года назад

when we remove employes path, it doesn't satisfy 1st condition of lazy loading. You can simply use ../employees which moves one step backward while loading url

@peterl1699 5 лет назад

Great

@nys8260 3 года назад

thanks

@annakh9543 3 года назад

superb

@archanakandukoori809 5 лет назад

sir...do node js tutorial as well if possible...

@rakeshacharya8791 Год назад

Is it possible to implement pathlocationstrategy and hashlocationstrategy in a project at time?

@nigochen6665 2 года назад

2021 update: { path : 'employees', loadChildren: () => import('./employee/employee.module').then(m => m.EmployeeModule)},

@TarunKumar-gh9mr 5 лет назад

I have a doubt regarding routing in a lazy loading modules

@gkmishra2009 4 года назад

can you explain what is intercepter ??

@gkmishra2009 4 года назад

How calling token based authentication from angular to web api>>?

@abhayjeetsingh3376 5 лет назад

How can we make SEO friendly angular app sir as we can't see meta tags info in source code

@janijohn5945 2 года назад

I got a doubt, the first point to last load is we have to have same route prefix , but to remove the duplicates in link u remove that path from employee module ??? So that first point is removed ?

@venkatasudheer2222 4 года назад

You did mentioned that for lazy loading the module, all routes should share same route prefix. But you did remove the route prefix in the employee routing module, while lazy loading the employee module, as you don't want 'employees' keyword to be repeated in the URL twice. Then why do you say that the modules should share same route prefix?

@Akshay-Raut 4 года назад

Hey Kudvenkat. Thank you for explaining this simply and well. So the #moduleName is always required? Can't Angular infer it based on the employee.module that's mentioned in the loadChildren?

@ankurarora5093 4 года назад

There are few npm modules which give you a single file but multiple modules packed within it. That could be the reason behind mentioning the module name.

@Akshay-Raut 4 года назад

@@ankurarora5093 okay. That makes sense. Thank you

@kandimallasuresh5059 4 года назад

What is the difference between the ViewChild and ContentChild?

@gkmishra2009 4 года назад

diff between directive and component ??

@nirmalarani9139 4 года назад

Hi ,How to do performance tuning in angular with typescript

@manasabojja9326 3 года назад

How u r doing string based lazyloading without adding routes in tsconfig

@lachphalleak2459 3 года назад

Thanks sir. Do you code this tutorial in GitHub?

@saianusha2818 5 лет назад

please make a video for the forroot and forchild difference

@ihsanullah4058 5 лет назад

These topics are discussed by one of sir kudvenkat see in this series. And there differences.

@nikachkhobadze7710 4 года назад

I find this tutorial very useful, thank you for that. I have one question if anyone can answer: is this method still supported in angular 8? Or it is a legacy method already? Thank you!

@nasrhussain9457 4 года назад

There is a minor syntax change. Search for Angular 8 lazy loading video.

@jorgumbricht2537 4 года назад

For Angular 8 use in app-routing.module.ts: { path: 'employees', loadChildren:()=>import( './employee/employee.module').then (m=>m.EmployeeModule) },

@shaikshalibasha7115 4 года назад

@@jorgumbricht2537 thanks alot :)

@surendrareddyseelam9757 2 года назад

@@jorgumbricht2537 thanks brother

@poloptree2 4 года назад

For anyone wondering why this isn't working for you, check your Angular version. If you are at v9 you need to use this method instead to load your modules. angular.io/guide/lazy-loading-ngmodules

@phaniraj434 3 года назад

Thanks. I have modified the path as below and it worked . { path: 'employees', loadChildren: () => import('./employee/employee.module').then(m => m.EmployeeModule) },

@a_n_m3516 5 лет назад

Can someone answer this - If we remove the parent path employees, we are breaking the first requirement i.e. all the routes in module to lazy load should have the same prefix. Then how does it work?

@jeffbroadhurst4871 5 лет назад

aly M I was wondering that too.

@TravelPrince1986 4 года назад

Same. He has done something which he didnt shared. How can it work when we already removed employees prefix. He should answer this

@nasrhussain9457 4 года назад

They all still have the same prefix, it is just placed in the main routing file instead of the local one.

@nys8260 3 года назад

'' = the same prefix

@sandeepmaurya4978 4 года назад

Hello sir ji... I need this code.. please help me with this

@syedirfan3616 4 года назад

You can clone or download the source code from my GitHub account using the below link. Hope this helps. github.com/sirfan24/Angualr-6-Project.git

@gkmishra2009 4 года назад

please help explain below topic of angular -> ChangedetecorRef TemplateRef ViewContainerRef ElementRef RXJS operators Host listener host binding CDK Portal QueryList DOM Portal host Portal template Application ref AG Grid tutorial Subject behavious subjects Forward Ref WithLatestFrom Content Child Overlay Overlayref ChildrenOutlet Context Navigation Extras NGRX FakeAsync

@patrickmarckdulaca545 4 года назад

When I removed the employeeModule inside of appModule. I got this error on employeeModule class name that looks like this ---> Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219)

@manit77 4 года назад

A bit confusing on your explanation on this the topic. It's just a route created for a sub module.

@lichaytiram9246 4 года назад

sound cool but don't work

@jenithjana5178 3 года назад

core.js:5980 ERROR Error: Uncaught (in promise): Error: Cannot find module './employee/employee.module' Error: Cannot find module './employee/employee.module' solution: stackoverflow.com/questions/41396839/exception-uncaught-in-promise-error-cannot-find-module-app-home-home-modul

@GajavelliAdarsh 5 лет назад

just excellent.. that is what i am looking for.