Webinar: Blazor WebAssembly: Das ist neu in .NET 7.0

.NET 7 ist hier: das neue Release unserer Lieblingsplattform. Vor allem im Bereich Blazor WebAssembly gab es wieder einige Verbesserungen und Neuerungen, die es lohnen, sich genauer anzuschauen.

In diesem Webinar zeigt Patrick Jahr anhand von Beispielen eine Auswahl der wichtigsten Blazor-WASM-Features in .NET 7 und wie diese angewendet werden können.

Transcript

1. Blazor WebAssembly Das ist neu .NET 7.0 Patrick Jahr @jahr_patrick Developer Consultant
2. Hello, it’s me. Patrick Jahr Developer Consultant @ Thinktecture AG E-Mail: patrick.jahr@thinktecture.com Twitter: @jahr_patrick Slides: https://thinktecture.com/patrick-jahr Blazor WebAssembly Das ist neu in .NET 7.0 Patrick Jahr P
3. Blazor WebAssembly Das ist neu in .NET 7.0 Was ist mit Blazor Server?
4. „Terminal Server für Web-Entwickler“ - Thinktecture fokussiert auf SPA-Architekturen - Blazor WebAssembly ist ein waschechtes SPA-Framework - Blazor Server hat komplexe, nicht Web-Style Basisarchitektur – aka „Server-Client“ - Code wird immer auf Serverseite ausgeführt - Zustand wird ausschließlich auf Serverseite gehalten - Skalierung wird deutlich aufwändiger - Auf dem Client ist nur ein schmaler JavaScript-Stub aktiv (aus dem Blazor-Framework) - Jegliche UI-Interaktionen wandern immer über das Netzwerk (SignalR-Verbindung) - Ständige Netzwerkverbindung nötig - fehleranfällig - Keine Offlinefähigkeit - Möglichkeiten als SPA / PWA werden eingeschränkt - Zustandsbehaftete Datenhaltung erschwert - Infos über die technischen Details und Eigenheiten von Blazor Server: - https://www.thinktecture.com/de/blazor/webinar-blazor-server-moegliche-alternative-zu-spas/ Blazor WebAssembly Das ist neu in .NET 7.0 Was ist mit Blazor Server?
5. 5 Blazor WebAssembly Das ist neu in .NET 7.0 Alle .NET 7 Features im Überblick
6. 6 Blazor WebAssembly Das ist neu in .NET 7.0 Alle .NET 7 Features im Überblick
7. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0
8. Blazor WebAssembly Das ist neu in .NET 7.0 EXPERIMENTAL: QuickGrid
9. - First Framework included Data Grid - Microsoft.AspNetCore.Components.QuickGrid - (limited) customizeable - Experimental Package - High performance data binding - Queryable - Itemsprovider - EF Database Context Blazor WebAssembly Das ist neu in .NET 7.0 EXPERIMENTAL: QuickGrid
10. Blazor WebAssembly Das ist neu in .NET 7.0 EXPERIMENTAL: QuickGrid
11. Blazor WebAssembly Das ist neu in .NET 7.0 DEMO
12. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0
13. Getter/Setter Blazor WebAssembly Das ist neu in .NET 7.0 Model binding updates
14. Two-Way-Binding after Event Blazor WebAssembly Das ist neu in .NET 7.0 Model binding updates
15. Blazor WebAssembly Das ist neu in .NET 7.0 DEMO
16. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0
17. Blazor WebAssembly Das ist neu in .NET 7.0 Navigation Updates
18. - NavigationLock - Block external navigations - Add check if navigation is ok Blazor WebAssembly Das ist neu in .NET 7.0 Navigation Updates
19. Blazor WebAssembly Das ist neu in .NET 7.0 DEMO
20. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0
21. - Can only be used in browsers - JS Interop Methods should be static Blazor WebAssembly Das ist neu in .NET 7.0 JS Interop Attributes - Module import must be executed in the OnInitializedAsync Method
22. Blazor WebAssembly Das ist neu in .NET 7.0 DEMO
23. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0
24. - NuGet Package: Microsoft.AspNetCore.Components.CustomElements - Register Components as Custom element - Published Project - _content; _framework; *.css Blazor WebAssembly Das ist neu in .NET 7.0 Custom Elements
25. Blazor WebAssembly Das ist neu in .NET 7.0 DEMO
26. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0 P
27. Blazor WebAssembly Das ist neu in .NET 7.0 Vorher Nachher
28. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0 P
29. Completing Features Navigation improvements, Binding updates and more Experimental Features QuickGrid is a usefull way to display data, with small but still noticeable issues Connect with other Frameworks Embedding Custom Elements in other JavaScript frameworks is still a bit cumbersome Blazor WebAssembly Das ist neu in .NET 7.0 Resumé
30. Vielen Dank für Ihre Aufmerksamkeit! Patrick Jahr @jahr_patrick patrick.jahr@thinktecture.com