WeakRef
#angular #weakref
β Link: https://medium.com/@bluetch/javascript-es6-es7-es8-es9-es10-es11-and-es12-519d8be7d48c
A WeakRef object contains a weak reference to an object, which is called its target or referent. A weak reference to an object is a reference that does not prevent the object from being reclaimed by the garbage collector. In contrast, a normal (or strong) reference keeps an object in memory. When an object no longer has any strong references to it, the JavaScript engine's garbage collector may destroy the object and reclaim its memory. If that happens, you can't get the object from a weak reference anymore.
This example starts a counter shown in a DOM element, stopping when the element doesnβt exist anymore.
#angular #weakref
β Link: https://medium.com/@bluetch/javascript-es6-es7-es8-es9-es10-es11-and-es12-519d8be7d48c
Advanced Guard to manage permissions
#angular #guard
π© > Angular 14
β Link: https://medium.com/@thomas.laforge/create-a-route-guard-to-manage-permissions-26f16cc9a1ca
#angular #guard
π© > Angular 14
β Link: https://medium.com/@thomas.laforge/create-a-route-guard-to-manage-permissions-26f16cc9a1ca
π1
Custom NgLet Directive
#angular #directive
β Link: https://medium.com/@tomer.babila/angular-data-transfer-observables-nglet-and-everything-in-between-66f1868f09fd
#angular #directive
β Link: https://medium.com/@tomer.babila/angular-data-transfer-observables-nglet-and-everything-in-between-66f1868f09fd
Angular component dynamic import prioritization
#angular #ngComponentOutlet
β Link: https://medium.com/@geor.oikonomopoulos/angular-component-dynamic-import-prioritization-using-ngcomponentoutlet-d9681becba9b
#angular #ngComponentOutlet
β Link: https://medium.com/@geor.oikonomopoulos/angular-component-dynamic-import-prioritization-using-ngcomponentoutlet-d9681becba9b
Auto unsubscribe in Angular π₯
#angular #decorator
β Link: https://medium.com/@sniadek97/auto-unsubscribe-in-angular-bcda939d6158
#angular #decorator
β Link: https://medium.com/@sniadek97/auto-unsubscribe-in-angular-bcda939d6158
Cache API calls in Angular using Interceptor
#angular #interceptor
β Link: https://medium.com/@emadhassankhan/cache-api-calls-in-angular-using-interceptor-cc62e5d0d2c4
#angular #interceptor
β Link: https://medium.com/@emadhassankhan/cache-api-calls-in-angular-using-interceptor-cc62e5d0d2c4
CSS Animation Patterns
#css #animation
β Link: https://levelup.gitconnected.com/css-animation-patterns-d4d2759c5f2b
#css #animation
β Link: https://levelup.gitconnected.com/css-animation-patterns-d4d2759c5f2b
Using the :is(), :where(), and :has() Pseudo Elements in CSS
#css
β Link: https://medium.com/@austinrutledge0/a-guide-to-using-the-is-where-and-has-pseudo-elements-in-css-96916b65be27
#css
β Link: https://medium.com/@austinrutledge0/a-guide-to-using-the-is-where-and-has-pseudo-elements-in-css-96916b65be27
Π‘ollection of HTML tips
#html
1. Capture attribute to open your device camera
2. Automatic website refresh
3. Activate spellcheck
4. Specify file type to be uploaded
5. Automatically download on link click
#html
1. Capture attribute to open your device camera
<input type="file" capture="user" accept="image/*">
2. Automatic website refresh
<head>
<meta http-equiv="refresh" content="10">
</head>
3. Activate spellcheck
<input type="text" spellcheck="true" lang="en">
4. Specify file type to be uploaded
<input type="file" accept=".jpeg,.png">
5. Automatically download on link click
<a href="image.png" download>
Confirmation Dialog Decorator
#angular #decorator
β Link: https://itnext.io/confirm-dialog-with-decorator-in-angular-7491d1237667
#angular #decorator
β Link: https://itnext.io/confirm-dialog-with-decorator-in-angular-7491d1237667
π₯1
Implement Code Splitting for Smaller Bundles
#angular #webpack
Install dependencies
β Link: https://guillaume-ferber.medium.com/maximizing-performance-with-angular-tips-and-tricks-for-efficient-code-76939fe7333b
#angular #webpack
Install dependencies
npm install --save-dev webpack webpack-cli webpack-dev-server html-webpack-plugin clean-webpack-plugin
β Link: https://guillaume-ferber.medium.com/maximizing-performance-with-angular-tips-and-tricks-for-efficient-code-76939fe7333b