Nested Routes Standalone approach | Lazy loading | Routing | Angular 15

In this video we will learn
1. How to use nested routes in standalone components using angular 15
2. How to use nested routes in standalone approach
3. How to use nested routes using lazy loading
4. Lazy loading in angular 15
Github:
github.com/saikorthivada/angu...
(Lazy loading modular approach | Routing | Angular 15)
• Lazy loading modular a...
(Angular Modules | What and Why Angular Modules | How to Create Angular Modules)
• Angular Modules | What...
(Lazy loading standalone components | Routing | Angular 15)
• Lazy loading standalon...
(Angular Standalone components | Ways of using standalone components | Angular 15 | Stable release)
• Angular Standalone com...
(Angular Routing | Routing Configuration | Angular 15)
• Angular Routing | Rout...
(Angular Standalone components | Ways of using standalone components | Angular 15 | Stable release)
• Angular Standalone com...
(Content Projection in angular | Parent child communication | Angular 14 | Part 9)
• Content Projection in ...
(View child decorator on Angular Components | Child to Parent communication)
• View child decorator o...
(View child decorator on HTML elements)
• View child decorator o...
React in Angular
• React in Angular | Wri...
Angular Life cycle hooks
• Angular life cycle hoo...
Angular ngModel
• Template driven form |...
Angular 14 features
• Angular 14 features | ...
(Reactive Form - 24 | Strictly typed reactive forms | Angular 14 updates)
• Reactive Form - 24 | S...
(Reactive Form - 22 | Address Management System | Part - 6 | Pre-filling addresses of form)
• Reactive Form - 22 | A...
(Reactive Form - 21 | Address Management System | Part - 5 | Validate address form)
• Reactive Form - 21 | A...
(Reactive Form - 20 | Address Management System | Part - 4 | Remove Address from addresses)
• Reactive Form - 20 | A...
(Reactive Form - 19 | Address Management System | Part - 3 | Add Address into addresses)
• Reactive Form - 19 | A...
(Reactive Form - 18 | Address Management System | Part - 2 | Binding Groups and HTML Content)
• Reactive Form - 18 | A...
(Reactive Form - 17 | Address Management System | Part - 1 | Creating UI and form structure)
• Reactive Form - 17 | A...
(Reactive Form - 18 | Address Management System | Part - 2 | Binding Groups and HTML Content)
• Reactive Form - 18 | A...
For understanding ngFor click the below link
• Angular For | Looping ...
For Understanding ng-container, click below link
• Angular Nested loops |...
Form arrays and type casting, click below link
• Reactive Forms Part 14...
Try to understand all my previous concepts in reactive forms series
For Reactive forms complete series, follow the below link
• Angular Reactive forms
For Unit testing on Reactive forms, follow the below playlist
• Playlist
For Unit testing all angular concepts, follow below playlist
• Angular Tutorials
For Unit testing all angular unit testing concepts, follow the below playlist
• Angular Unit Testing
Learn Javascript concepts from the below playlist
• Concepts of JavaScript
#standalone #nestedroutes #angular15 #lazyloading #angular #angulartutorialforbeginners #angulartutorial

[@alphonsetaylor2788]

Awesome 👏

[@techshareskk]

Thank you 🙏

[@gopssss]

Nice, small doubt in this, why is an another route file is required for ProductComponent with empty ('') path, instead you can directly load the ProductComponent in ProductsRoute right?. I mean instead of loadChildren in 9:45 , it can be loadComponent and ProductComponent can be loaded directly there.

[@techshareskk]

Yeah it’s upto us but product component can expect more as well in future, so writing loadchildren will help to extend our functionality further and can be more extensible further.

[@luisfernandodeolazabalsche3317]

Muchas gracias.

[@techshareskk]

🙂

[@gorkemridvan]

Thank you.

[@techshareskk]

You're welcome! 🙏