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
Use Tree Shaking to Remove Unused Code
#angular #webpack
β Link: https://guillaume-ferber.medium.com/maximizing-performance-with-angular-tips-and-tricks-for-efficient-code-76939fe7333b
#angular #webpack
β Link: https://guillaume-ferber.medium.com/maximizing-performance-with-angular-tips-and-tricks-for-efficient-code-76939fe7333b
β οΈ DestroyRef Provider in Angular
#angular #inject #destroyRef
π© > Angular 16
β Link: https://netbasal.com/getting-to-know-the-destroyref-provider-in-angular-9791aa096d77
#angular #inject #destroyRef
π© > Angular 16
β Link: https://netbasal.com/getting-to-know-the-destroyref-provider-in-angular-9791aa096d77
Angular initialization listeners
#angular
β Link: https://dev.to/ayyash/the-mystic-three-tokens-of-angular-appbootstraplistener-appinitializer-platforminitializer-76j
#angular
β Link: https://dev.to/ayyash/the-mystic-three-tokens-of-angular-appbootstraplistener-appinitializer-platforminitializer-76j