‼️ Happy Father's day and Happy NG-Day!
Let's upgrade to ng20!!!!!!!
https://github.com/angular/angular/releases/tag/20.0.0
Let's upgrade to ng20!!!!!!!
https://github.com/angular/angular/releases/tag/20.0.0
👍1
⚒️ Async & Sync Cheat Sheet Angular 🛠
👉 No reactivity + non-reactive DOM
- afterNextRender()
👉 No reactivity + plain read
- signal()
👉 Streams
- RxJS Observable
👉 Signals, sync derivation:
- Writable: signal()
For local, mutable state
- Read-only: computed()
For derived, read-only state
- Writable derived: linkedSignal()
Derived signal that is also writable
👉 Signals, async derivation
- Promise: resource()
For async operations returning a Promise
( only GET )
- Observable: rxResource()
For async data from an Observable
( only GET )
- HttpClient: httpResource()
( only GET )
Mutations to handle
POST, PATCH, PUT, DELETE
are missing for now
👉 Side Effects on sync APIs
- afterRenderEffect()
Runs an effect after app rendered
- effect()
Runs before component sync
#angular #signals
👉 No reactivity + non-reactive DOM
- afterNextRender()
👉 No reactivity + plain read
- signal()
👉 Streams
- RxJS Observable
👉 Signals, sync derivation:
- Writable: signal()
For local, mutable state
- Read-only: computed()
For derived, read-only state
- Writable derived: linkedSignal()
Derived signal that is also writable
👉 Signals, async derivation
- Promise: resource()
For async operations returning a Promise
( only GET )
- Observable: rxResource()
For async data from an Observable
( only GET )
- HttpClient: httpResource()
( only GET )
Mutations to handle
POST, PATCH, PUT, DELETE
are missing for now
👉 Side Effects on sync APIs
- afterRenderEffect()
Runs an effect after app rendered
- effect()
Runs before component sync
#angular #signals
👍2
‼️ 𝕬𝖓𝖌𝖚𝖑𝖆𝖗 𝕽𝖊𝖑𝖊𝖆𝖘𝖊 v20.0.1 ‼️
Contain diverse fixes which improve performance and migrations
Link
#angular #angularRelease #angular20 #ng20
———
@angularMunich
Contain diverse fixes which improve performance and migrations
Link
#angular #angularRelease #angular20 #ng20
———
@angularMunich
RFC - Angular official mascot #61733
https://github.com/angular/angular/discussions/61733
I'm so sorry... but it's funny 😂 😂 😂 😂
https://github.com/angular/angular/discussions/61733
I'm so sorry... but it's funny 😂 😂 😂 😂
🤣2
🚀 Angular 20 just dropped a MASSIVE performance upgrade!
The new @angular/build package is replacing @angular-devkit/build-angular and the results are incredible:
📦 60% smaller installs (~115 MB vs ~291 MB)
⚡️ 5x faster builds (esbuild vs Webpack)
🔥 4x faster dev server startup
What's changing?
✅ New projects: Get @angular/build by default
🔄 Existing projects: Keep working as-is (zero breaking changes)
🎯 Optional migration: Upgrade when you're ready
Old: @angular-devkit/build-angular:application
New: @angular/build:application
This is exactly what the Angular ecosystem needed—modern tooling that works faster without the Webpack overhead for most use cases.
#Angular #Angular20 #WebDev #JavaScript #TypeScript #Frontend #Performance
The new @angular/build package is replacing @angular-devkit/build-angular and the results are incredible:
📦 60% smaller installs (~115 MB vs ~291 MB)
⚡️ 5x faster builds (esbuild vs Webpack)
🔥 4x faster dev server startup
What's changing?
✅ New projects: Get @angular/build by default
🔄 Existing projects: Keep working as-is (zero breaking changes)
🎯 Optional migration: Upgrade when you're ready
Old: @angular-devkit/build-angular:application
New: @angular/build:application
This is exactly what the Angular ecosystem needed—modern tooling that works faster without the Webpack overhead for most use cases.
#Angular #Angular20 #WebDev #JavaScript #TypeScript #Frontend #Performance
🔥4
If anyone think, that frontend dev doesn't need to learn math...
https://css-tricks.com/better-css-shapes-using-shape-part-3-curves/
https://css-tricks.com/better-css-shapes-using-shape-part-3-curves/
CSS-Tricks
Better CSS Shapes Using shape() — Part 3: Curves | CSS-Tricks
This is the third article in a series about the CSS shape() function. We've covered drawing lines and arcs in previous articles and, this time, we look specifically at the curve command and how to use it for drawing complex shapes.
"There's nothing new under the sun." (c)
https://www.gq-magazin.de/artikel/wwdc25-apple-liquid-glass
#apple #nothingNewFromApple
https://www.gq-magazin.de/artikel/wwdc25-apple-liquid-glass
#apple #nothingNewFromApple
🦉"Space Owl"
Billions of light years away from us, two galaxies of approximately equal mass crashed into each other (https://www.arxiv.org/abs/2506.10058) almost at a right angle. As a result, a colossal "merger front" was formed, shaped like an owl's head.
This is the first time such a "head-on" collision has been recorded. It helps to understand how ring-shaped structures are formed during the merger of galaxies.
#space #galaxies #offtopic
Billions of light years away from us, two galaxies of approximately equal mass crashed into each other (https://www.arxiv.org/abs/2506.10058) almost at a right angle. As a result, a colossal "merger front" was formed, shaped like an owl's head.
This is the first time such a "head-on" collision has been recorded. It helps to understand how ring-shaped structures are formed during the merger of galaxies.
#space #galaxies #offtopic
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Special for @banana6boom, what I love too ))
❤1