Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Webinar: Blazor WebAssembly: Das ist neu in .NE...

Patrick Jahr
February 08, 2023

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.

Patrick Jahr

February 08, 2023
Tweet

More Decks by Patrick Jahr

Other Decks in Programming

Transcript

  1. Hello, it’s me. Patrick Jahr Developer Consultant @ Thinktecture AG

    E-Mail: [email protected] Twitter: @jahr_patrick Slides: https://thinktecture.com/patrick-jahr Blazor WebAssembly Das ist neu in .NET 7.0 Patrick Jahr P
  2. „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?
  3. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements

    Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0
  4. - 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
  5. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements

    Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0
  6. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements

    Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0
  7. - NavigationLock - Block external navigations - Add check if

    navigation is ok Blazor WebAssembly Das ist neu in .NET 7.0 Navigation Updates
  8. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements

    Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0
  9. - 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
  10. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements

    Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0
  11. - 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
  12. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements

    Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0 P
  13. QuickGrid Modelbinding Updates Improved Navigation JS Interop Attributes Custom Elements

    Pure Templates Resumé Blazor WebAssembly Das ist neu in .NET 7.0 P
  14. 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é