Angular.Schule

#Angular-Workshops von den @angular_buch Buchautoren und Google Developer Experts (#GDE) @JohannesHoppe und @fmalcher01!

[Angular.Schule @angular_schule]

🅰️ #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

[Angular Buch Team @angular_buch]

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

[Johannes Hoppe 🅰️ @JohannesHoppe]

🤖 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

[Angular Buch Team @angular_buch]

🚨 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! 👇

[Johannes Hoppe 🅰️ @JohannesHoppe]

🅰️ #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

[Johannes Hoppe 🅰️ @JohannesHoppe]

🅰️#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

[Johannes Hoppe 🅰️ @JohannesHoppe]

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

[Johannes Hoppe 🅰️ @JohannesHoppe]

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

[Johannes Hoppe 🅰️ @JohannesHoppe]

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

[Johannes Hoppe 🅰️ @JohannesHoppe]

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

[Johannes Hoppe 🅰️ @JohannesHoppe]

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.Schule @angular_schule]

🅰️#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 Buch Team @angular_buch]

🅰️ #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

[Angular.Schule @angular_schule]

🚀 Code Snippet of the Day: Connect #Angular Reactive Forms with Signals for two-way synchronization!

Used functions:
⭐️ linkedSignal()
⭐️ toSignal()
⭐️ effect()

[Angular.Schule @angular_schule]

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!

[Angular.Schule @angular_schule]

🚀 Code Snippet of the Day: Connect #Angular Reactive Forms with Signals for two-way synchronization!

Used functions:
⭐️ linkedSignal()
⭐️ toSignal()
⭐️ effect()

[Angular.Schule @angular_schule]

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.

[Johannes Hoppe 🅰️ @JohannesHoppe]

🅰️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

[Angular.Schule @angular_schule]

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. 🚀

[Angular.Schule @angular_schule]

📢 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

[Angular.Schule @angular_schule]

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