Angular 🇺🇦 - practical notes

🤓 Resolution Modifiers in Angular

#angular #decorators #Self #Host #Optional #SkipSelf

✅ Article link: https://blog.stackademic.com/resolution-modifiers-in-angular-ec83f22694da

👍4

243 views07:01

Angular 🇺🇦 - practical notes

📄 FE Optimization Techniques

#js #sprite #gzip #cdn

✅ Article link: https://blog.bitsrc.io/javascript-optimization-techniques-for-faster-website-load-times-an-in-depth-guide-cd2985194a07

🔥2

257 views06:59

Angular 🇺🇦 - practical notes

📄 JS Generators: Practical Example - Infinite Scrolling

#js #generators #yield

// CSS code
.post {
  height: 300px;
}

// HTML code
<div id="postsContainer"></div>

✅ Article link: https://blog.stackademic.com/dont-be-afraid-of-javascript-generators-15c998aea652

267 views06:59

Angular 🇺🇦 - practical notes

🧪 Matching in JavaScript

#js #match

Pattern matching allows you to match against the shape and contents of a value in a single expression. It provides a more concise alternative to chained if-else statements and switch cases.

🚩 JS PROPOSAL

✅ Article link: https://medium.com/@techsuneel99/goodbye-if-else-hello-pattern-matching-in-javascript-proposal-e8682458d863

🔥1

271 views06:59

Angular 🇺🇦 - practical notes

🤓 Tree Shaking in Angular.

#angular

✅ Article link: https://venuvudu.medium.com/tree-shaking-in-angular-63a34e7384fd

🔥1👏1

264 views06:59

Angular 🇺🇦 - practical notes

This media is not supported in your browser

VIEW IN TELEGRAM

📄 Angular carousel

#angular #ui_element

✅ Article link: https://medium.com/@su.ede.kovacs/angular-carousel-e6953aa38f77

🎁 Code link: https://stackblitz.com/edit/angular-dy6ybx?file=src%2Fcarousel.component.ts

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥2

235 views06:59

Angular 🇺🇦 - practical notes

🧪 New Angular 17 feature: deferred loading

#angular #html #controlFlow

🚩 > Angular v17.0.0-next.8

✅ Article link: https://itnext.io/new-angular-17-feature-deferred-loading-156d472b008b

🎁 Code link: https://github.com/gergelyszerovay/angular-17-deferred-loading

Please open Telegram to view this post

VIEW IN TELEGRAM

👍1🔥1

249 views06:59

Angular 🇺🇦 - practical notes

🤓 Preventing Memory Leaks in Angular

#angular

✅ Article link: https://itnext.io/new-angular-17-feature-deferred-loading-156d472b008b

🔥4

241 views06:59

Angular 🇺🇦 - practical notes

🧪 Control Flow Migration Schematic

#angular #html #controlFlow

🤔 How to use it?
As with any other schematic, you have to run the generate command through the CLI and use the control-flow schematic (you need to be using 17.0.0-next.8 or 17.0.0-rc.0 for this command to run).