angular-awesome

⚡⚡ A collection of Angular best practices and tips for building fast, scalable enterprise level applications! Awesome coding! 😎🤘
https://github.com/akhilben/angular-awesome

Last synced: 13 days ago
JSON representation

`⚡ Performance Cheatsheet`
- 4. Unsubscribe observables
- 7. Use preloading strategy
  - Preloading in Angular - preloading-in-angular/) by [Minko Gechev](https://web.dev/authors/mgechev/).
  - ngx-quicklink - loaded modules associated with all the visible links on the screen using [Intersection Observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API). It also checks if the user isn't on a slow connection before preloading :fire:. <br />
  - Guess.js
- 8. Lazy load components
  - Angular 9: Lazy Loading Components - in-depth/lazy-load-components-in-angular-596357ab05d8) by [Kevin Kreuzer](https://medium.com/@kevinkreuzer).
- 9. Use ChangeDetectionStrategy.OnPush
- Other performance optimisation techniques
  - Trusted Web Activity
  - Getting started with service workers - Step-By-Step Guide for turning your Application into a PWA](https://blog.angular-university.io/angular-service-worker/) on [Angular University](https://blog.angular-university.io/). <br /> 3. Check out [How to build Progressive Web Apps with Angular.](https://scotch.io/tutorials/how-to-build-progressive-web-apps-with-angular) by [Eniola Lucas](https://scotch.io/@enirate).
  - App shell - Boosting Application Startup Performance](https://blog.angular-university.io/angular-app-shell/) on [Angular University](https://blog.angular-university.io/).
  - Web Workers in Angular
  - Web Assembly - wasm) by [Boyan Mihaylov](https://github.com/boyanio). <br /> 3. Check out [Using Web Assembly to speed up your Angular Application](https://malcoded.com/posts/web-assembly-angular/) by [Lukas Marx](https://twitter.com/malcoded).
  - cashew
  - angular-performance-checklist - practices-for-a-clean-and-performant-angular-application-288e7b39eb6f/) by [Vamsi Vempati](https://twitter.com/_VamsiVempati_). <br /> 3. Check out [Optimizing the Performance of Your Angular Application](https://netbasal.com/optimizing-the-performance-of-your-angular-application-f222f1c16354) by [Netanel Basal](https://netbasal.com/@NetanelBasal). 4. Check out [15 Angular Performance Tips & Tricks](https://angular-guru.com/blog/angular-performance-tips) on [The Angular Guru](https://angular-guru.com/).
`Roadmap`
- Other performance optimisation techniques
  - open issues
`🎉 Using Starter Kits`
- Angular, NgRx and Angular Material Starter - handlers, auth-guards, ngrx files, Travis CLI etc.** used along with a TODO application example.
- ngX Starter Kit - Rocket](https://github.com/ngx-rocket/generator-ngx-rocket), this starter kit includes **modern tools** and workflow based on angular-cli, **best practices** from the community, a **scalable base template** and a good learning base. This starter kit comes pre-equipped with **Bootstrat 4, Font Awesome, RxJS, ng-bootstrap, ngx-translate and Lodash**. The starter also includes a basic \*\*login screen, interceptors, guards etc.
- ngx-admin

Programming Languages

TypeScript 10 JavaScript 1

Categories

`⚡ Performance Cheatsheet` 367 `📚 Folder Structure` 99 `😎 IDE and Plugins` 14 `👷 Configuring Your Project` 8 `🎉 Using Starter Kits` 3 `❄️ Commit Guidelines` 2 `Roadmap` 1

Sub Categories

3. Use tree-shakable providers 117 4. Unsubscribe observables 115 Styling 96 2. Use trackBy with ngFor 63 9. Use ChangeDetectionStrategy.OnPush 58 Other performance optimisation techniques 8 Aliasing Folders 3 7. Use preloading strategy 3 TSLint (⚠️ Deprecated from Angular 11) 3 Prettier 2 Core Module 2 11. Run outside angular 1 10. Disable change detection 1 8. Lazy load components 1 Shared Module 1 1. Avoid function calls in templates. 1

Keywords

angular 6 performance 3 angular-cli 3 git 2 codelyzer 2 typescript 2 prefetch 2 tslint 2 bootstrap4 2 sass 2 metadata 1 tag 1 linting 1 static-code-analysis 1 style-guide 1 application-shell 1 practice 1 pwa 1 service-worker 1 bootstrap 1 history 1 changelog 1 starter-project 1 ngrx 1 material-design 1 lazy-loading 1 angular-material 1 web-performance 1 prerender 1 machine-learning 1 pre-commit 1 hooks 1 webpack 1 theme 1 responsive 1 ngx-admin 1 ng2-admin 1 ng2 1 material-theme 1 framework 1 dashboard 1 angular9 1 angular2 1 angular10 1 angular-dashboard-template 1 admin-ui 1 admin-template 1 admin-dashboard 1 admin 1 speed 1

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

angular-awesome

`⚡ Performance Cheatsheet`

4. Unsubscribe observables

7. Use preloading strategy

8. Lazy load components

9. Use ChangeDetectionStrategy.OnPush

Other performance optimisation techniques

`Roadmap`

Other performance optimisation techniques

`🎉 Using Starter Kits`