ASP.NET Core-Entwicklung mit React und Redux

Einführung

.NET Core SDK

• Installation
• Versionsverwaltung
• Command-Line Interface (CLI)
• Hello World Applikation
• Verwendung von Visual Studio Code für C#-Codierung
• Optional: Verwenden von Visual Studio 2022 für die C#-Codierung

ASP.NET Core Applikations-Architektur

• NuGet-Pakete und Metapakete
• Starten der Anwendung
• Hosting-Umgebungen
• Middleware und die Request Processing Pipeline
• Services und Dependency Injection

Applikation Konfiguration

• Konfigurieren und ConfigureServices
• Configuration Providers und Sources
• Configuration-API
• Options Pattern

Anfrage-Routing

• RESTful Services
• Endpoint-Routing
• Attribut-basiertes Routing
• Route Templates
• Route Constraints

Models

• Objekt-Relational Mapping
• Entity Framework (EF) Core

Controllers

• Responsibilities
• Requirements und Conventions
• Abhängigkeiten
• Action Results

Application State

• Client-Side vs. Server-Side
• HttpContext.Items
• Session State

Error Handling

• Best Practices
• HTTP Error Status Codes und Status Code Pages
• Developer Exception Page
• Optional: Exception Filters

Logging

• Konfiguration
• ILogger

Einführung in React und Redux

• Was ist React?
• Welches Problem wird mit React gelöst?
• React im Vergleich zu anderen Bibliotheken und Frameworks

Entwicklungs-Tools

• React-App-Projektgenerator erstellen
• React-Entwickler-Tools
• Ausführen und Debuggen einer React-Anwendung
• Die Rolle von Node.js
• Zweck von React und ReactDOM

Funktionale Komponenten

• Was sind Komponenten?
• Element und JSX erstellen
• Fragmente
• JavaScript-Pfeilfunktionen
• ES2015-Bausteine
• JSX und Ausdrücke
• Sammlungen von Daten anzeigen
• JavaScript-Array-Maps und React Keys
• Übergabe von Daten mit Props
• Validierung von Props mit PropTypes
• Standard-Props

Klassen-basierte Komponenten

• JavaScript-Klassen und -Erweiterungen
• Status konfigurieren
• Lifecycle-Methoden
• Kontext von Event Handlers
• Class Properties und Class Arrow Functions
• PropTypes und Standard-Props für Klassen

Hooks

• Überblick
• State
• Effect
• Ref
• Callback

Redux

• Verwaltung des Anwendungsstatus
• Drei Prinzipien von Redux
• Reine Funktionen
• Reducer-Funktionen
• Komposition von Reducer-Funktionen
• Dispatching-Aktionen
• Action-Ersteller

React mit Redux verbinden

• Verbinden Sie React mit Redux mit React-Redux
• React-Redux-Komponenten höherer Ordnung
• React-Redux-Haken
• Zustandsselektoren verwenden
• Zustandsselektoren optimieren

React mit ASP.NET Core REST API verbinden

• JavaScript-Übersicht: Rückrufe, Promises & Async/Await
• Verwendung der Fetch-API mit ASP.NET Core REST API
• Asynchrone Operationen und React/Redux mit Thunks
• Redux Thunks im Vergleich zu Redux Saga
• Error Handling
• Verbinden mit Redux

React-Router

• Was ist Routing?
• URL als State
• React-Router-Hooks
• Routes konfigurieren
• Seiten-Muster
• Fehlerseite
• Weiterleitungen

Authentifizierung

• Einführung
• ASP.NET Core Identity
• Cookie-Middleware
• Autorisierung
• Claims-Based Authorization
• React Login Form
• Login Error Handling
• Integration von Berechtigungen mit Routing

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Kenntnisse in den Programmiersprachen C#, JavaScript und Node.js/NPM

• Entwickler