📄 Catch decorator in Angular

#angular #decorator #catch

✅ Article Link: https://javascript.plainenglish.io/a-try-catch-decorator-to-stylize-your-code-bdd0202765c8

🎁 Code Link: https://github.com/omirobarcelo/catch-decorator/blob/master/src/index.ts

✳️ Handle subscriptions directly from template with Init Directive

#angular #directive

The problem is every async pipe usage creates a new subscription which is not what you really want to see in your project. Moreover this approach won’t work if your’re dealing with cold observables such as http requests. Because in that case every subscriber will get different value. You might know about as keyword in`ngIf ` to bind a template property of some data and solve the problem of reusing same data multiple times. But what if we don’t want to hide this piece of template in any condition. Or imagine we have a lot of streams, which we need to reuse. That would be a bunch of pointless ngIf directives!

✅ Article Link: https://medium.com/@mikekucherov92/angular-utilities-init-directive-8dc4e0a4723c

🎁 Code Link:
https://gist.github.com/mikekucherov/9677d444148e7f1f8890e0130402b1de#file-init-params-component-html
https://gist.github.com/mikekucherov/84caf26cb387eb904877552531151d1a#file-init-directive-ts

📄 Optimize *ngFor with a custom directive

#angular #directive #ngFor

✅ Article Link: https://levelup.gitconnected.com/angular-optimize-ngfor-with-a-custom-directive-3e39504000cd

🎁 Code Link:

ngForTrackById directive:

https://gist.github.com/Sw3eks/b4aa3f6c0a0d8e17dab5f38e3840c67f#file-ngfor-trackby-directive-ts
https://gist.github.com/Sw3eks/af3f14190fe2bb962b1d38ad0f6c098e#file-ngfor-trackby-usage-html

ngForTrackByProperty directive:

https://gist.github.com/Sw3eks/d6ef46242fdee83d4e65da6a0e011e9e#file-ngfor-trackbyproperty-directive-ts
https://gist.github.com/Sw3eks/18b22674c54822806a9d23fa7215204d#file-ngfor-trackbyproperty-usage-html