Angular Architektur

Ziele

In diesem Kurs zur Angular Architektur lernen die Beteiligten kennen, wie sie eine robuste und skalierbare Angular-Architektur aufrichten, die einfach zu refaktorisieren und zu warten ist. Die Teilnehmer lernen außerdem Techniken zur Komponentenkommunikation, Zustandsverwaltung, Codeorganisation, allgemeine Best Practices, Performance-Betrachtungen und mehr.

Zielgruppe

Sehr gute Erfahrung mit Angular und TypeScript

Voraussetzungen

Web-Entwickler, Softwareentwickler, Programmierer

Agenda

Einführung

Planung der Anwendungsarchitektur

• Architecture Überlegungen
• Architecture Planning Template
• Der Angular Style Guide

Organisieren von Funktionen und Modulen

• Organisieren von Funktionen und Modulen
• Core und Shared Module
• Verhindern des Reimports von Core
• Überprüfen der Modulorganisation
• Benutzerdefinierte Bibliotheken

Komponenten strukturieren

• Container- und Präsentationskomponenten
• Passing State mit Input- und Output-Properties
• Change Detection Strategien
• ngOnChanges: Reference vs. value
• Klon-Techniken
• Komponentenvererbung

Komponentenkommunikation

• Techniken der Komponentenkommunikation
• RxJS-Themen
• Erstellen eines Event Bus Service
• Erstellen eines Observable Service
• Abmelden von Observables

State Management

• Die Notwendigkeit von State Management
• Optionen für State Management
• Dienste verwenden
• NgRx verwenden
• Verwendung von ngrx-data
• Verwendung von Observable Store
• Überprüfung der Optionen für die Zustandsverwaltung

Zusätzliche Betrachtungen

• Interfaces, Klassen und Enums
• Functions vs. Pipes
• Hinzufügen eines Memo Decorators
• HttpClient- und RxJS-Operatoren
• Verwendung von Interceptors