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
This media is not supported in your browser
VIEW IN TELEGRAM
CSS transition-timing-function
#css #animation
β Link: https://ishratumar.medium.com/css-transitions-and-sub-properties-explained-33745cc571b5
#css #animation
β Link: https://ishratumar.medium.com/css-transitions-and-sub-properties-explained-33745cc571b5
Custom RxJS Operators
#rxjs #custom
β Link: https://medium.com/@henriquecustodia/creating-custom-rxjs-operators-e7069d12164f
#rxjs #custom
β Link: https://medium.com/@henriquecustodia/creating-custom-rxjs-operators-e7069d12164f