This media is not supported in your browser
VIEW IN TELEGRAM
Ikea made by AI 🤖!))))
🔹 Why Prefer #TypeScript Records Over Switch/Case Statements 🔹
Using Maps or Records instead of switch/case statements is a cleaner approach leading to more maintainable code.
Maps/Records provide a straightforward way to associate keys with values, reducing the verbosity and complexity of multiple case conditions.
#webdev #javanoscript #angular #react #vue #frontend #backend #js
Using Maps or Records instead of switch/case statements is a cleaner approach leading to more maintainable code.
Maps/Records provide a straightforward way to associate keys with values, reducing the verbosity and complexity of multiple case conditions.
#webdev #javanoscript #angular #react #vue #frontend #backend #js
‼️‼️‼️ Remove all polyfill.io from all of your projects. NowRemove all polyfill.io from all of your projects. Now! ‼️‼️‼️
(Hope none had anyway but just to be sure)
https://sansec.io/research/polyfill-supply-chain-attack
(Hope none had anyway but just to be sure)
https://sansec.io/research/polyfill-supply-chain-attack
Sansec
Polyfill supply chain attack hits 100K+ sites
The new Chinese owner of the popular Polyfill JS project injects malware into more than 100 thousand sites.
🅰️💥Angular 18.1 will introduce the new @let syntax for declaring local variables in the templates:
#angular #javanoscript #typenoscript #AngularAddicts
#angular #javanoscript #typenoscript #AngularAddicts
#Angular inject() function vs Constructor injection, what is the difference❓
At first glance, there isn't much difference between the inject() function and constructor injection, but when you dive deeper, the inject() function has some benefits compared to constructor injection ✅
At first glance, there isn't much difference between the inject() function and constructor injection, but when you dive deeper, the inject() function has some benefits compared to constructor injection ✅
A new lazy-route migration schematic is coming to #Angular! 🪄
If your application has routes, that are importing components directly, you will be able to use an 𝐚𝐮𝐭𝐨𝐦𝐚𝐭𝐞𝐝 𝐦𝐢𝐠𝐫𝐚𝐭𝐢𝐨𝐧 𝐜𝐨𝐦𝐦𝐚𝐧𝐝 𝐭𝐨 𝐜𝐨𝐧𝐯𝐞𝐫𝐭 𝐭𝐡𝐞𝐬𝐞 𝐭𝐨 𝐥𝐚𝐳𝐲-𝐥𝐨𝐚𝐝𝐞𝐝 𝐫𝐨𝐮𝐭𝐞𝐬 𝐚𝐥𝐥 𝐚𝐭 𝐨𝐧𝐜𝐞.
Just run this command and improve your app's performance automatically.
Credits for the feature to Enea Jahollari, here is the pull request 👉
If your application has routes, that are importing components directly, you will be able to use an 𝐚𝐮𝐭𝐨𝐦𝐚𝐭𝐞𝐝 𝐦𝐢𝐠𝐫𝐚𝐭𝐢𝐨𝐧 𝐜𝐨𝐦𝐦𝐚𝐧𝐝 𝐭𝐨 𝐜𝐨𝐧𝐯𝐞𝐫𝐭 𝐭𝐡𝐞𝐬𝐞 𝐭𝐨 𝐥𝐚𝐳𝐲-𝐥𝐨𝐚𝐝𝐞𝐝 𝐫𝐨𝐮𝐭𝐞𝐬 𝐚𝐥𝐥 𝐚𝐭 𝐨𝐧𝐜𝐞.
Just run this command and improve your app's performance automatically.
𝐧𝐠 𝐠𝐞𝐧𝐞𝐫𝐚𝐭𝐞 @𝐚𝐧𝐠𝐮𝐥𝐚𝐫/𝐜𝐨𝐫𝐞:𝐫𝐨𝐮𝐭𝐞-𝐥𝐚𝐳𝐲-𝐥𝐨𝐚𝐝𝐢𝐧𝐠
Credits for the feature to Enea Jahollari, here is the pull request 👉
GitHub
feat(migrations): add migration to convert standalone component route… by eneajaho · Pull Request #56428 · angular/angular
…s to be lazy loaded
PR Checklist
Please check if your PR fulfills the following requirements:
The commit message follows our guidelines: https://github.com/angular/angular/blob/main/CONTRIBUTING...
PR Checklist
Please check if your PR fulfills the following requirements:
The commit message follows our guidelines: https://github.com/angular/angular/blob/main/CONTRIBUTING...
State of JS 2023 – Top JavaScript Front-end Frameworks ✨
With the front end development scene rapidly evolving every day, new technologies pass by in the blink of an eye—and it’s important to know what to look out for before you invest time in learning a library.
Here are some of the technologies with the highest developer interest in 2023.
1. React: A production-ready, interactive, top-rated framework.
2. Vue: A versatile, small, and approachable web framework.
3. Angular: A robust and dependable batteries-included web app framework
4. Svelte: A declarative, compiler-based, efficient component framework.
5. Preact: A lightweight, fast React alternative with efficient APIs.
6. SolidJS: An ultra-fast, optimized framework with top benchmark scores.
7. Lit: A simple framework derived from web components API.
8. alpine.js: A minimal, powerful framework for HTML interactivity.
9. htmx: Access modern JavaScript APIs within HTML.
10. Stencil: A framework for scalable, performant, and future-proof web components.
With the front end development scene rapidly evolving every day, new technologies pass by in the blink of an eye—and it’s important to know what to look out for before you invest time in learning a library.
Here are some of the technologies with the highest developer interest in 2023.
1. React: A production-ready, interactive, top-rated framework.
2. Vue: A versatile, small, and approachable web framework.
3. Angular: A robust and dependable batteries-included web app framework
4. Svelte: A declarative, compiler-based, efficient component framework.
5. Preact: A lightweight, fast React alternative with efficient APIs.
6. SolidJS: An ultra-fast, optimized framework with top benchmark scores.
7. Lit: A simple framework derived from web components API.
8. alpine.js: A minimal, powerful framework for HTML interactivity.
9. htmx: Access modern JavaScript APIs within HTML.
10. Stencil: A framework for scalable, performant, and future-proof web components.
BrowserInfo is a new feature in Angular 18.1.0 that makes the URL on the address bar different than route path.
In navigateByUrl, pass browserInfo to rename the address bar to "/<pokemon name>/info".
In canActivateGuard, rename the address bar to "/no-pokemon" when name is not found.
(c) Connie Leung
#angular
In navigateByUrl, pass browserInfo to rename the address bar to "/<pokemon name>/info".
In canActivateGuard, rename the address bar to "/no-pokemon" when name is not found.
(c) Connie Leung
#angular
💎 New signal-based queries in #Angular are much better!
Signal queries replace @ContentChild, @ContentChildren, @ViewChild, and @ViewChildren decorators.
Now with 𝐯𝐢𝐞𝐰𝐂𝐡𝐢𝐥𝐝(), 𝐯𝐢𝐞𝐰𝐂𝐡𝐢𝐥𝐝𝐫𝐞𝐧(), 𝐜𝐨𝐧𝐭𝐞𝐧𝐭𝐂𝐡𝐢𝐥𝐝(), 𝐜𝐨𝐧𝐭𝐞𝐧𝐭𝐂𝐡𝐢𝐥𝐝𝐫𝐞𝐧().
Key benefits:
🔸 𝐏𝐫𝐞𝐝𝐢𝐜𝐭𝐚𝐛𝐥𝐞 𝐓𝐢𝐦𝐢𝐧𝐠: access query results after appearance.
🔸 𝐂𝐨𝐦𝐛𝐢𝐧𝐞𝐝 𝐑𝐞𝐬𝐮𝐥𝐭𝐬: Multiple signals in one effect for combined calculations.
🔸 𝐒𝐢𝐦𝐩𝐥𝐢𝐟𝐢𝐞𝐝 𝐀𝐏𝐈: All queries return a signal; arrays for multiples.
🔸 𝐓𝐲𝐩𝐞 𝐒𝐚𝐟𝐞𝐭𝐲: Fewer undefined results.
🔸 𝐀𝐜𝐜𝐮𝐫𝐚𝐭𝐞 𝐈𝐧𝐟𝐞𝐫𝐞𝐧𝐜𝐞: Better TypeScript inference.
🔸 𝐋𝐚𝐳𝐲 𝐔𝐩𝐝𝐚𝐭𝐞𝐬: Updates only when read -> better performance.
Signal queries replace @ContentChild, @ContentChildren, @ViewChild, and @ViewChildren decorators.
Now with 𝐯𝐢𝐞𝐰𝐂𝐡𝐢𝐥𝐝(), 𝐯𝐢𝐞𝐰𝐂𝐡𝐢𝐥𝐝𝐫𝐞𝐧(), 𝐜𝐨𝐧𝐭𝐞𝐧𝐭𝐂𝐡𝐢𝐥𝐝(), 𝐜𝐨𝐧𝐭𝐞𝐧𝐭𝐂𝐡𝐢𝐥𝐝𝐫𝐞𝐧().
Key benefits:
🔸 𝐏𝐫𝐞𝐝𝐢𝐜𝐭𝐚𝐛𝐥𝐞 𝐓𝐢𝐦𝐢𝐧𝐠: access query results after appearance.
🔸 𝐂𝐨𝐦𝐛𝐢𝐧𝐞𝐝 𝐑𝐞𝐬𝐮𝐥𝐭𝐬: Multiple signals in one effect for combined calculations.
🔸 𝐒𝐢𝐦𝐩𝐥𝐢𝐟𝐢𝐞𝐝 𝐀𝐏𝐈: All queries return a signal; arrays for multiples.
🔸 𝐓𝐲𝐩𝐞 𝐒𝐚𝐟𝐞𝐭𝐲: Fewer undefined results.
🔸 𝐀𝐜𝐜𝐮𝐫𝐚𝐭𝐞 𝐈𝐧𝐟𝐞𝐫𝐞𝐧𝐜𝐞: Better TypeScript inference.
🔸 𝐋𝐚𝐳𝐲 𝐔𝐩𝐝𝐚𝐭𝐞𝐬: Updates only when read -> better performance.