Johannes Hoppe
LightNews LightNews
banner
johanneshoppe.de
Johannes Hoppe
@johanneshoppe.de
74 followers 51 following 15 posts
Google Developer Expert #GDE for #Angular.
Follow me for expert Angular insights, tips, and latest updates.

📕 Book @angular-buch.com
🅰️ Trainer https://angular.schule
Posts Replies Media Videos
johanneshoppe.de
Mein Vorschlag: "Clean Code mit PHP 3" 😁
angular-buch.com Angular Buch Team @angular-buch.com · 23d
🚨 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! 👇
January 14, 2026 at 8:01 AM
johanneshoppe.de
🅰️ #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:
angular.schule/blog/2025-11...
Angular.Schule → Angular 21 is here!
🚀 On November 19, 2025, Angular 21 was released! The most important updates: Signal Forms, zoneless apps, testing with Vitest, the new package @angular/aria, and more support for AI assistants.
angular.schule
November 20, 2025 at 8:21 PM
Reposted by Johannes Hoppe
angular-buch.com
🅰️ #Angular 21 ist da! 🎉
Das sind die News:

✨ Zoneless ist jetzt Standard
🧪 Signal Forms (experimentell)
⚡ Vitest ersetzt Karma/Jasmine
✅ @angular/aria für Barrierefreiheit
🤖 MCP-Server & AGENTS․md für AI-Assistenten stabil

Alle Details im Blog:
angular-buch.com/blog/2025-11...
Angular-Buch → Angular 21 ist da!
📙 Bevor wir uns in den Trubel zum Jahresende stürzen, gibt es Neuigkeiten aus der Angular-Welt: Am 19. November 2025 wurde Angular 21 veröffentlicht! Die wichtigsten Neuigkeiten: Signal Forms, Zoneles...
angular-buch.com
November 20, 2025 at 6:35 PM
johanneshoppe.de
🅰️ #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.

angular.schule/blog/2025-11...
Angular.Schule → Vitest in Angular 21: What's new and how to migrate?
🚀 Angular 21 introduces a significant change to unit testing: Vitest is now the default, replacing the previous standard combination of Karma and Jasmine. When creating a new project with ng new, Angu...
angular.schule
November 20, 2025 at 10:13 AM
johanneshoppe.de
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.

angular.schule/blog/2025-10...
Angular.Schule → Angular's Resource APIs Are Broken - Let's Fix Them!
🚀 Angular ships with three Resource APIs for declarative async data loading: resource(), rxResource(), and httpResource(). They're powerful additions to Angular's reactive toolkit, but they sh...
angular.schule
November 2, 2025 at 7:05 AM
Reposted by Johannes Hoppe
angular-buch.com
🅰️ #Angular ohne ﹫Injectable({ providedIn: 'root' })? Johannes zeigt, wie ein ﹫Service()-Decorator den Code kompakter machen könnte.

Aber würdest du so etwas in Produktion einsetzen? 🤔

Lies selbst: angular.schule/blog/2025-09...
October 3, 2025 at 12:12 PM
johanneshoppe.de
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: angular.schule/blog/2025-09...
October 3, 2025 at 10:41 AM
Reposted by Johannes Hoppe
angular.dev
Did you know that Johannes Hoppe, a GDE that has been a part of the community for more than 10 years, maintains angular-cli-ghpages?

This tool makes it incredibly easy to deploy Angular apps to GitHub Pages or CloudFlare Pages directly from the Angular CLI. Give it a try
github.com/angular-schu...
Years active in the community - 10+ years Favourite Angular feature - The Angular CLI is my favorite feature. It empowers developers to get started quickly, optimizes the development workflow, and ensures consistency across teams. Website - https://angular.schule/blog Fun fact - I co-wrote the German Angular Book in all its 4 editions, and I still find myself learning new things about Angular every day! Also, my coffee addiction is supercharging my Angular coding sessions.
July 9, 2025 at 4:18 PM
johanneshoppe.de
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: angular.schule/blog/2025-06...
Angular.Schule → Miss the old angular.io/resources? We brought it back!
🚀 The old list of valuable resources from angular.io is gone. Here you can find a mirror.
angular.schule
June 22, 2025 at 10:45 PM
johanneshoppe.de
New 🅰️ #Angular article! Tired of writing backend services by hand? Generate fully-typed Angular API clients with OpenAPI generator, fast and reliable!

✅ Uses the new provideApi() syntax
✅ Bonus: toSignal() and rxResource() examples

angular.schule/blog/2025-06...
#OpenAPI #Swagger
Angular.Schule → Generating Angular API clients with OpenAPI Generator
🚀 In this article, we'll show how to use OpenAPI Generator to automatically generate Angular HTTP services from your OpenAPI spec.
angular.schule
June 19, 2025 at 8:27 AM
Reposted by Johannes Hoppe
angular.schule
🅰️ #Angular 20 is here! 🚀
All news in the blog:

🛠️ New coding style guide: No more component suffixes
👀 Zoneless Developer Preview
👋 Farewell to *ngIf, *ngFor, *ngSwitch
⚡️ Stable signal APIs: effect(), linkedSignal(), toSignal()
🔁 New resource API: httpResource()

angular.schule/blog/2025-05...
Angular.Schule → Angular 20 is here!
🚀 Everything new comes in May - or at least a new major version of Angular: On May 28, 2025, Angular 20 was released! You can find the release information directly from the Angular team in the officia...
angular.schule
June 18, 2025 at 5:52 AM
johanneshoppe.de
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! 🚀

angular-buch.com/blog/2025-05...
Angular-Buch → Reactive Angular: effect and afterRenderEffect verstehen und einsetzen
📙 Mit Angular 19 gibt es eine wichtige Neuerung: Die effect()-API wurde vereinfacht und die neue Funktion afterRenderEffect() wurde eingeführt (siehe PR 57549). Diese Neuerung hat Auswirkungen darauf,...
angular-buch.com
June 18, 2025 at 5:43 AM
johanneshoppe.de
New 🅰️ #Angular article: Mastering effect() and afterRenderEffect()! 🚀

Let’s dive into the changes to effect & the all-new afterRenderEffect - set to supercharge reactivity and DOM handling.⚡

angular.schule/blog/2024-11...
Angular.Schule → Angular 19: Mastering effect and afterRenderEffect
🚀 Angular 19 has a significant change with the simplification of the effect() API and the introduction of afterRenderEffect(). This change impacts how Angular handles post-render tasks and is especia...
angular.schule
May 30, 2025 at 2:29 PM
Reposted by Johannes Hoppe
angular-buch.com
🅰️ #Angular 20 ist da! 🚀
Alle News im Blog:

🛠️ Neuer Coding Style Guide: Keine Component-Suffixe mehr
👀 Zoneless Developer Preview
👋 Abschied von *ngIf, *ngFor, *ngSwitch
⚡️ Stabile Signal-APIs: effect(), linkedSignal(), toSignal()
🔁 Neue Resource-API: httpResource()

angular-buch.com/blog/2025-05...
Angular-Buch → Angular 20 ist da!
📙 Alles neu macht der Mai – oder zumindest eine neue Major-Version von Angular: Am 28. Mai 2025 wurde Angular 20 veröffentlicht! Im offiziellen Angular-Blog finden Sie die Release-Informationen direkt...
angular-buch.com
May 30, 2025 at 8:51 AM
johanneshoppe.de
Hello World 👋
May 30, 2025 at 2:16 PM