A repositoy to learn and boost your Angular skills. It contains cheatsheet, code, articlues and all learning resources you need.
Click :star: if you like the project. Pull Request are highly appreciated. Follow me @thedevankit for technical updates.
npm install -g @angular/cli
The documentation for the command ist linked on the task description.
Parameters like <NAME>
should be replaced with the actual names of the element.
Task | Command | Popular Parameters |
|
|
|
|
|
|
|
|
|
|
|
|
|
The |
|
|
|
|
|
|
ng update @angular/cli@10 @angular/cdk@10 @angular/core@10 @angular/common@10 @angular/forms@10 @angular/router@10 @angular/material@10 --force
ng update @angular/cli@11 @angular/cdk@11 @angular/core@11 @angular/common@11 @angular/forms@11 @angular/router@11 @angular/material@11 --force
ng update @angular/cli@12 @angular/cdk@12 @angular/core@12 @angular/common@12 @angular/forms@12 @angular/router@12 @angular/material@12 --force
ng update @angular/cli@13 @angular/cdk@13 @angular/core@13 @angular/common@13 @angular/forms@13 @angular/router@13 @angular/material@13 --force
ng update @angular/cli@14 @angular/cdk@14 @angular/core@14 @angular/common@14 @angular/forms@14 @angular/router@14 @angular/material@14 --force
-Link: https://github.com/marinantonio/angular-mat-table-crud
Packages to export data in different file type.
(How to solve)
Creating Modules for lazy loading Generates Module, component and route for the component.
ng generate module --module aap.module --route component component_name
Optimization of angular app: Angular apps can be optimized by removing the unused modules and references.
That can be done by setting sourceMap: True and NameChunks: true
Using source-map-explorer we can verify the bundle size and optimized it.
npm i [email protected]
Details: https://www.npmjs.com/package/source-map-explorer/v/1.7.0
How to use: source-map-explorer foo.min.js(generated js file)
NGX-Quick Link It provides router preloading strategy which automatically downloads the lazy-loaded modules associated with all the visible links on the screen.
Angular Project Architecture
Please refer to the contributing file.