https://github.com/johnpapa/angular-lazy-load-demo

Lazy loading Angular components
https://github.com/johnpapa/angular-lazy-load-demo

angular html typescript

Last synced: 14 days ago
JSON representation

Lazy loading Angular components

• Host: GitHub
• URL: https://github.com/johnpapa/angular-lazy-load-demo
• Owner: johnpapa
• Created: 2020-02-16T00:46:34.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T14:53:21.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T12:52:07.322Z (30 days ago)
• Topics: angular, html, typescript
• Language: TypeScript
• Size: 1.35 MB
• Stars: 32
• Watchers: 4
• Forks: 19
• Open Issues: 27
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# angular-lazy-load-demo

Lazy loaded component demo.

> You can [learn more from this article here](https://johnpapa.net/angular-9-lazy-loading-components/).

## Quick Start

Angular 9 is required.

1. Clone this repo `git clone [email protected]:johnpapa/angular-lazy-load-demo.git`

1. Run `cd angular-lazy-load-demo`

1. Run `ng serve` for a dev server.

1. Navigate to `http://localhost:4200/`

![lazy load](./lazy.gif)

## Learn More

These examples should be able to help you get started with lazy loading components dynamically, with or without children. If you want to learn more, check out these resources:

1. [Dynamic Component Loader](https://angular.io/guide/dynamic-component-loader)

1. [7 new features in Angular 9](https://auth0.com/blog/angular-9-whats-new/).

1. [VS Code](https://code.visualstudio.com/?WT.mc_id=javascript-0000-jopapa) editor

1. [Angular Essentials Extension](https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials&WT.mc_id=javascript-0000-jopapa) for VS Code

1. [Angular Language Service](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template&WT.mc_id=javascript-0000-jopapa) for VS Code

1. [Angular Lazy Load Demo source code](https://github.com/johnpapa/angular-lazy-load-demo)