⚡️ Angular is deprecating the structural directives ngIf, ngFor, and ngSwitch.
Why?
1️⃣ Apps using both structural directives and control flow blocks end up shipping both implementations, making the bundle size bigger. The new approach is faster and more efficient.
2️⃣ The new control flow block introduces a reconciliation algorithm, which improving performance.
3️⃣ ngFor has a small memory leak, which is fixed in the new @for implementation.
See this PR.
P.S.:
This is not a deprecation of structural directives as a whole — only ngIf, ngFor, and ngSwitch will be affected. They will still work, and if the PR is approved, ng update in Angular v20 will handle the migration automatically.
#angular #angular20
———
@angularMunich
Why?
1️⃣ Apps using both structural directives and control flow blocks end up shipping both implementations, making the bundle size bigger. The new approach is faster and more efficient.
2️⃣ The new control flow block introduces a reconciliation algorithm, which improving performance.
3️⃣ ngFor has a small memory leak, which is fixed in the new @for implementation.
See this PR.
P.S.:
This is not a deprecation of structural directives as a whole — only ngIf, ngFor, and ngSwitch will be affected. They will still work, and if the PR is approved, ng update in Angular v20 will handle the migration automatically.
#angular #angular20
———
@angularMunich
👍3
🔥2
Forwarded from ngxSamurai
#fridayITtrend
A student wrote an UI-interface that helped him cheat at interviews using #AI and passed interviews at #Amazon, #Meta, etc.
Then his institute found out about the deception and kicked him out.
Served him right?
https://www.youtube.com/watch?v=AwZ8PtoqCeU
A student wrote an UI-interface that helped him cheat at interviews using #AI and passed interviews at #Amazon, #Meta, etc.
Then his institute found out about the deception and kicked him out.
Served him right?
https://www.youtube.com/watch?v=AwZ8PtoqCeU
YouTube
21-year old dev destroys LeetCode, gets kicked out of school...
Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subnoscription.
A 21-year old student at Columbia University got into trouble to developing an app that helps people cheat on the software engineering technical…
A 21-year old student at Columbia University got into trouble to developing an app that helps people cheat on the software engineering technical…
🔄 Angular v20 streamlines your TypeScript configuration by adopting TypeScript 5.4's new module: preserve option
✨ Benefits of this consolidation:
🔘 Less configuration: 3 settings become 1
🔘 Automatic JSON support: resolveJsonModule is included for free
🔘 Smarter import handling: preserves import styles during compilation
🔘 Better package compatibility: properly handles conditional exports in packages
🔍 Now TypeScript correctly resolves paths based on your import style:
🔘
🔘
https://github.com/angular/angular-cli/commit/03180fe0358662f8fd3255ad546994da3e3bda9c
#angular #angular20 #typenoscript
———
@angularMunich
✨ Benefits of this consolidation:
🔘 Less configuration: 3 settings become 1
🔘 Automatic JSON support: resolveJsonModule is included for free
🔘 Smarter import handling: preserves import styles during compilation
🔘 Better package compatibility: properly handles conditional exports in packages
🔍 Now TypeScript correctly resolves paths based on your import style:
🔘
import * as foo from "pkg" → resolves to ESM path🔘
import bar = require("pkg") → resolves to CommonJS pathhttps://github.com/angular/angular-cli/commit/03180fe0358662f8fd3255ad546994da3e3bda9c
#angular #angular20 #typenoscript
———
@angularMunich
👍1
Show this to people saying that #RxJS is not needed anymore since we have Signals.
Every tool has it’s own use case!
#angular
———
@angularMunich
Every tool has it’s own use case!
#angular
———
@angularMunich
#Angular v20 release (to be released around May 26th) Do we have "a new hope"? "he hope of what?
First PR about Angular selectorless is out 🚀
More here: https://github.com/angular/angular/pull/60724
More here: https://github.com/angular/angular/pull/60724
🚀 NgRx Traits v19
- Compatibility with Angular and NgRx Signals 19.
- New docs site 🎉 (https://ngrx-traits.dev).
- withCalls has new props:
- callWith: easier reactive calls from signals or observables
- defaultResult: removes the need to handle undefined states.
- withSyncWebStorage now supports expiration
- withLogger can now log computed signals
- withEntitiesHybridFilter: combine local & remote filtering logic
- withEntitiesCalls: handle parallel operations per entity
- withAnyCallStatus: track loading/errors across all calls
& more
See full release notes in https://medium.com/@gabrieldavidguerrero/announcing-ngrx-traits-19-bbeecf490c93
———
@angularMunich
- Compatibility with Angular and NgRx Signals 19.
- New docs site 🎉 (https://ngrx-traits.dev).
- withCalls has new props:
- callWith: easier reactive calls from signals or observables
- defaultResult: removes the need to handle undefined states.
- withSyncWebStorage now supports expiration
- withLogger can now log computed signals
- withEntitiesHybridFilter: combine local & remote filtering logic
- withEntitiesCalls: handle parallel operations per entity
- withAnyCallStatus: track loading/errors across all calls
& more
See full release notes in https://medium.com/@gabrieldavidguerrero/announcing-ngrx-traits-19-bbeecf490c93
———
@angularMunich
👍1
Hey angular community!
How you associate angular vs. react? What about Tim Burton (#reactjs) and Tinto Brass (#angular)? Are you agree? ;-)
Update:
ok, ok.... I think, I need to extend my message xD
So... Is Angular code in our projects more elegant and sexy according to react projects? Or nO?
#funnyFriday
———
@angularMunich
How you associate angular vs. react? What about Tim Burton (#reactjs) and Tinto Brass (#angular)? Are you agree? ;-)
Update:
ok, ok.... I think, I need to extend my message xD
So... Is Angular code in our projects more elegant and sexy according to react projects? Or nO?
#funnyFriday
———
@angularMunich
Angelo Parziale fixed two bugs on the Angular repository and specifically on the commands:
1)
2)
Here the PRs:
1. https://github.com/angular/angular/pull/60626
2. https://github.com/angular/angular/pull/60688
1)
ng generate @angular/core:output-migrationThis command provides an automated migration that converts @Output custom events to the new output() API.
2)
ng generate @angular/core:signal-queries-migrationThe second command provides an automated migration that converts existing decorator query fields to the new API.
Here the PRs:
1. https://github.com/angular/angular/pull/60626
2. https://github.com/angular/angular/pull/60688
The changes were merged into the following branches: main, 19.2.x
GitHub
fix(core): fix ng generate @angular/core:output-migration by aparzi · Pull Request #60626 · angular/angular
output-migration command not keep type if @output declaring without initializer
PR Checklist
Please check if your PR fulfills the following requirements:
The commit message follows our guidelines...
PR Checklist
Please check if your PR fulfills the following requirements:
The commit message follows our guidelines...
🥱 Tired of updating “mocks” every time you refactor — or worse, gave up on refactoring altogether?
There’s a better way for hashtag#Angular hashtag#testing with:
🧠 Lower Cognitive Load
💪 Better Reliability
🔄 Change Resilience
🔍 Debuggability
🎁 & more
✨ New Cookbook chapter: Fake it Till you Mock It ✨
https://cookbook.marmicode.io/angular/fake-it-till-you-mock-it/
There’s a better way for hashtag#Angular hashtag#testing with:
🧠 Lower Cognitive Load
💪 Better Reliability
🔄 Change Resilience
🔍 Debuggability
🎁 & more
✨ New Cookbook chapter: Fake it Till you Mock It ✨
https://cookbook.marmicode.io/angular/fake-it-till-you-mock-it/
cookbook.marmicode.io
Fake It Till You Mock It | Marmicode Cookbook
There Are Mocks Among Us