The Angular Best Practices

Techniques included

• Introduction
• Basics
Technique 1: Keep the Angular version updated:
Technique 2: Use Lazy loading modules:
Technique 3: Reduce the amount of the Change Detection cycle.
Technique 4: Use Pure Pipes
Technique 5: Unsubscribe from Observables
Technique 6: Web Workers
Technique 9: Don’t use functions in the template.
Use CDN for
Use trackby for for loop
Use caching, memoization Lodash or memo-decorator memo()
Use worker thread
Don’t use Bootstarp or JQuery (use Angular material & flexbox)
• Medium
Use es modules (it is asynchronous => if you don’t use a function it will not be in Angular Tree Shaking) not commonsJs (synch)
Use Real user monitor to track the all request and see which one takes time => datadog RAM
Avoid using large shared module like material UI or other libraries
Use State management for large Applications
Use Ahead-of-time compilation (minifying, & removing unused code)
Use prefetching
Use compression for static assets
Using the Angular profiler
• Advanced
You need to purchase the course To unlock this part
You need to purchase the course
You need to purchase the course To unlock this part
You need to purchase the course
You need to purchase the course To unlock this part
You need to purchase the course To unlock this part
You need to purchase the course
You need to purchase the course
You need to purchase the course To unlock this part