ASP.NET Modulare UI mit Blazor

• Einführung
  
  • Zielsetzung: Warum modulare Komponenten?
  • Überblick: Komponentenarchitektur in Blazor
  • Projektstruktur für komponentenbasiertes Arbeiten
  
  
• Blazor-Komponenten - Grundlagen für Wiederverwendbarkeit
  
  • Komponenten-Syntax und Lifecycle-Methoden
  • Parameter und EventCallbacks
  • Komponentenverschachtelung und Scoping
  • Code-Behind vs Inline-Code
  
  
• Komponenten modular gestalten
  
  • Strukturierung und Organisation von Komponenten
  • Input/Output-Strategien (Props/Events analog zu anderen Frameworks)
  • Lokale vs. globale Komponenten
  • Utility-Komponenten (z. B. Loader, Badge etc.)
  
  
• Generische Komponenten
  
  • Motivation und Einsatzzwecke
  • Syntax von generischen Komponenten
  • Beispiel: ListView mit Template-Parameter
  • Einschränkungen und Typenbeschränkungen (where T : ...)
  • Praktische Anwendung: Tabellen, Formulare, dynamische Inhalte
  
  
• Cascading Values and Parameters
  
  • Grundlagen von Cascading Values
  • Unterschied zu regulären Parametern
  • Szenarien: Theme, User Context, Localization
  • Verschachtelte Komponenten und Scoped Cascading
  • Vorsicht bei Überverwendung
  
  
• Templates und RenderFragment
  
  • RenderFragment und RenderFragment
  • Kompositionsmuster: Header/Footer/Body per Template einbinden
  • Beispiel: Modal-Komponente, Card-Komponente
  • Dynamische UIs mit Template-Komponenten
  
  
• State Management in modularen Komponenten
  
  • Komponenteninterner Zustand vs. Shared State
  • Kontextweitergabe (z. B. über CascadingValue)
  • Beispiel: Wizard-Komponente mit State-Tracking
  • Kommunikation zwischen Komponenten (z. B. Mediator, Services)
  
  
• Best Practices & Anti-Patterns
  
  • Was macht eine gute Komponente aus?
  • Auflösung von Abhängigkeiten (z. B. mit Dependency Injection)
  • Wann Templates, wann Code-Generierung?
  • Testbarkeit von Komponenten
  
  
• Hands-On: Praxisprojekt
  
  • Aufbau eines kleinen UI-Komponenten-Frameworks (Mini-UI-Kit)
  • z. B. Table, Modal, Wizard, Form
  • Integration in bestehende Blazor-Anwendung
  • Wiederverwendung und Testbarkeit
  
  
• Ausblick und Erweiterungen
  
  • Verwendung mit Razor Class Libraries (RCL)
  • Veröffentlichung als NuGet-Komponente
  • Kombination mit JavaScript (Interop)
  • Roadmap .NET 9: neue Features für Komponenten
  
  

Dieses Seminar richtet sich an .NET-Entwickler und Softwarearchitekten, die bereits erste Erfahrungen mit Blazor Server oder WebAssembly gesammelt haben. Wenn Sie komplexe Blazor-UIs entwickeln, wiederverwendbare Komponenten erstellen oder ein eigenes UI-Kit aufbauen möchten, sind Sie hier genau richtig.



Teilnahmevoraussetzungen:

• Sie verfügen über solide Kenntnisse in C# und dem .NET-Ökosystem
• Sie haben Grundkenntnisse in Blazor (Server oder WebAssembly)
• Erste praktische Erfahrungen mit Komponenten-Entwicklung in Blazor sind hilfreich
• Kenntnisse in HTML und CSS sind von Vorteil, aber nicht zwingend notwendig