Angular Best Practices 2025: Reactivity, Signals und Resource Based Architecture

Agenda

Meistere Signals

• Tiefer Einblick: Gehe über die Grundlagen hinaus und verstehe die Funktionsweise von Signals, dem neuen leistungsstarken Reaktivitätssystem von Angular.
• Praxisnah: Sammle praktische Erfahrungen, indem du Best Practices für Signals anwendest und dein Verständnis vertiefst.

Architektur von Angular Workspaces wie ein Profi

• Stand-alone: Verstehe und nutze die Vorteile einer modularen Architektur mit Standalone-Komponenten, Direktiven und Pipes.
• Funktionsbasierte APIs und provide*: Lerne, wie du APIs erstellst, die leichter zu warten und wiederzuverwenden sind und die sich an Angulars Vision orientieren.

Moderne, effiziente Komponenten entwickeln

• Moderne APIs: Nutze Signal-Inputs, Model-Inputs, funktionsbasierte Outputs und mehr, um intelligentere und reaktivere Komponenten zu erstellen.
• @defer wie ein Profi: Reduziere die Bundle-Größe und Ladezeiten drastisch mit @defer. Erhalte tiefgreifendes Wissen darüber, wie @defer funktioniert und wie du es richtig einsetzt, ohne Fehler zu riskieren.
• Bonus: Lazy-Loading von Services – Lerne, wie du Services mit injectLazy effizient lazy laden kannst.

Zoneless und Signal-basierte Change Detection

• Nutze die neue, schnellere und effizientere zoneless Change Detection von Angular mit Signals und erfahre, wie du davon profitieren kannst.

Verbesserte Entwicklungstechniken

• Meistere Inject-Patterns: Gehe über die Grundlagen der Service-Injektion hinaus und entdecke innovative Code-Patterns, welche die Wiederverwendbarkeit, Wartbarkeit und Skalierbarkeit deiner Angular-Projekte fördern.
• Beschleunige den Build-Prozess: Profitiere von der Leistungssteigerung beim Wechsel von Webpack zu Esbuild.

Optimierung der User Experience mit Server Side Rendering

• Hydration: Verstehe, wie Hydration funktioniert und warum es die Benutzererfahrung zusammen mit Event-Replay verbessert.
• Bonus: Einblick in Global Event Delegation und partielle Hydration.