🅰️ #Angular 22 is here! 🎉
All the news on our blog:
✨ Signal Forms & Resource API stable
🆕 @Service() decorator
🎯 OnPush by default
🚀 Incremental Hydration is default
♿ @angular/aria stable
🤖 Debug interfaces for AI agents
Thanks @angular !
https://t.co/UeWHKtjkGi
Unser neues Buch zu #Angular ist da! 😍 Nach 1,5 Jahren intensiver Arbeit ist das Angular-Buch ab jetzt überall im Handel erhältlich. Es ist inzwischen unser fünftes Buch - und es ist jedes Mal wieder aufregend, das neue Werk in Händen zu halten.
#AngularBuch
🤖 Agentic Coding with 🅰️ #Angular: AI agents work directly in your project – reading code, writing files, and planning next steps. The MCP server from @angular ensures you get modern, best-practice code. Here's how:
https://t.co/aR7Jj1JUeA
🚨 COMING SOON 🚨
Wir bringen etwas Neues in den Handel... aber WAS?
🎯 Deine Aufgabe: Rate falsch!
❌ Falsche Antworten only!
🏆 Die Person mit der KREATIVSTEN Falschantwort gewinnt das EXAKTE GEGENTEIL von diesem Buch.
Zeigt uns eure beste Falschantwort! 👇
🅰️ #Angular 21 is here!🎉
The highlights:
✨ Zoneless is now the default
🧪 Signal Forms (experimental)
⚡ Vitest replaces Karma/Jasmine
✅ angular/aria for accessibility
🤖 MCP server & AGENTS․md for AI assistants now stable
More details here:
https://t.co/8xRALrbKCo
🅰️#Angular 21 introduces a significant change to unit testing: #Vitest is now the default! In this article, I will show you what Vitest means for you, how to migrate existing Angular projects, and what benefits Vitest offers.
https://t.co/NioKygFmIl
Do you want to use rxResource in production? Stop scrolling and read this! The experimental 🅰️ #Angular Resource APIs have bugs that can break apps. In this article I’ll show fixes so you can ship with confidence.
https://t.co/bV7ln8eUkB
I got tired of typing ﹫Injectable({ providedIn: 'root' }) for every 🅰️ #Angular service. So I built ﹫Service() instead.
Good idea or career‑ending move? 😂
Full story: https://t.co/AxnCPMlqaA
Miss the old angular(dot)io/resources page? That curated list of helpful 🅰️ #Angular libraries and tools just… vanished. 😱
So we brought it back!
Check it out at: https://t.co/pdbghHSAJX
New 🅰️ #Angular article! Tired of writing backend services by hand? Generate fully-typed API @angular clients with @oas_generator, fast and reliable!
✅ Uses the new provideApi() syntax
✅ Bonus: toSignal() and rxResource() examples
https://t.co/ND4QESK3KI
#OpenAPI#Swagger
Neuer 🅰️ #Angular Artikel:
Reactive Angular: effect() und afterRenderEffect verstehen und meistern! ⚡
Ich erkläre euch die Änderungen an effect() und zeige, wie afterRenderEffect() euch präzise DOM-Kontrolle gibt - ohne die alten Lifecycle-Hooks! 🚀
https://t.co/nDWc36ota9
🅰️#Angular 20 is here! 🚀
All news in the blog:
🛠️ New style guide: No more component suffixes
👀 Zoneless Dev.Preview
👋 Farewell to *ngIf, *ngFor, *ngSwitch
⚡️ Stable signal APIs: effect(), linkedSignal(), toSignal()
🔁 New resource API: httpResource()
https://t.co/RW8eEnaifs
🅰️ #Angular 20 ist da!🚀
Alle News im Blog:
🛠️ Style Guide: Keine Component-Suffixe mehr
👀 Zoneless Developer Prev.
👋 Abschied von *ngIf, *ngFor, *ngSwitch
⚡️ Stabile Signal-APIs: effect(),linkedSignal(),toSignal()
🔁 Neue Resource-API: httpResource()
https://t.co/i3vqoHUpdB
🚀 Code Snippet of the Day: Connect #Angular Reactive Forms with Signals for two-way synchronization!
Used functions:
⭐️ linkedSignal()
⭐️ toSignal()
⭐️ effect()
3️⃣ Explanation
The function inside `effect()` makes sure that whenever `controlSignal` changes, the form control value is updated via `setValue()`. This creates a two-way synchronization between the signal and the form control. 🤩🤩
Follow us for expert Angular insights!
🚀 Code Snippet of the Day: Connect #Angular Reactive Forms with Signals for two-way synchronization!
Used functions:
⭐️ linkedSignal()
⭐️ toSignal()
⭐️ effect()
2️⃣ Explanation
The signal returned from the function is writable, so whenever we change the value in the signal, the form value will be updated (`setValue()`).
You also see an effect that establishes a **reactive listener**, which automatically responds to changes in signals.
🅰️Angular 19: Mastering effect() and afterRenderEffect()! 🚀 – New article!
v19 is launching next week, bringing serious upgrades! Let’s dive into the changes to effect & the all-new afterRenderEffect — set to supercharge reactivity and DOM handling.⚡
👇 Read on for highlights
3/3 Demo Application
To make it easier to see Linked Signals in action, we’ve created a demo application on StackBlitz, where you can experiment with all examples and see the results in real time. 🚀
📢 New in Angular 19: Linked Signals = writable + computed state, all in sync!
Check out our latest article with interactive examples to get started with this new experimental feature in v19.0.0-rc.0!
Blogpost: https://t.co/bNLwHGGivs
1/3
2/3 Our article covers the following topics:
1️⃣ What is a Linked Signal?
2️⃣ Basic Usage
→ Use Case with Input Signals
3️⃣ Advanced Scenarios
→ Nested State Management
→ Synchronizing Server-Data for Client-Side Edits
4️⃣ Linked Signal vs. Other Signals
5️⃣ Best Practices