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

Blazor WebAssembly in .NET 8: Game Changer für ...

Patrick Jahr
September 26, 2023

Blazor WebAssembly in .NET 8: Game Changer für .NET SPAs?

Man kennt es: Firewall-Konfigurationen, Performance-Probleme oder aber die Entscheidung zwischen Blazor WebAssembly oder Blazor Server. Dies sind drei Beispiele aktueller Hürden bei der Entwicklung mit Blazor für SPAs. Doch ist all das mit .NET 8 Schnee von gestern? Anhand der neuen Features klärt Patrick Jahr in dieser Session, ob und wie Blazor-Anwendungen auf ein ganz neues Level gehoben werden können.

Patrick Jahr

September 26, 2023
Tweet

More Decks by Patrick Jahr

Other Decks in Programming

Transcript

  1. Thema Sprecher Datum / Uhrzeit Blazor: Server, WebAssembly und Hybrid

    – ein Wegweiser Sebastian Gingter, Patrick Jahr DI, 26. September 2023, 10.45 bis 11.45 Automatisiertes Testen von Blazor- Anwendungen Dr. Holger Schwichtenberg DI, 26 September 2022, 12.15 bis 13.15 Blazor WebAssembly in .NET 8: Game Changer für .NET SPAs? Patrick Jahr DI, 26. September 2023, 15.30 bis 16.30 Was sind denn das für Zustände? Praxisnahes State Management in Blazor WebAssembly Sebastian Gingter DI, 26. September 2023, 17.00 bis 18.00 Special Day Blazor
  2. 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 in .NET 8 Game Changer für .NET SPAs? Patrick Jahr
  3. Flashback SPA Bundle MixMode RenderModes Still missing Game Changer? Q&A

    Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
  4. Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?

    Flashback SPA (Angular, React, Vue …) Browser Server HTML CSS JS Request Response Statische Dateien API (Code) JS-Runtime Request Response State
  5. Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?

    .NET SPA mit Blazor WebAssembly Browser Server JS-Runtime WASM-Runtime .NET Runtime C# App HTML CSS JS Request Response Statische Dateien & ASP.NET Core State HTML CSS JS .NET & IL Interop API (Code)
  6. Flashback SPA Packaging MixMode RenderModes Still missing Game Changer? Q&A

    Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
  7. Flashback SPA Packaging MixMode RenderModes Still missing Game Changer? Q&A

    Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
  8. Render Blazor Components in ASP.NET Core MVC Blazor WebAssembly in

    .NET 8 Game Changer für .NET SPAs? Mixed Mode
  9. Flashback SPA Packaging MixMode RenderModes Still missing Game Changer? Q&A

    Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
  10. Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?

    Server Side Rendering Request - http://url/page1 Response - HTML Page Request - http://url/page2 Response - HTML Page
  11. Stream Rendering Blazor WebAssembly in .NET 8 Game Changer für

    .NET SPAs? Rendermodes Loading… Request - http://url/page1 1. Response HTML Page with placeholder content Request - http://url/page1 2. Response HTML for just the Content
  12. Server Blazor WebAssembly in .NET 8 Game Changer für .NET

    SPAs? Rendermodes Request - http://url/page1 Response HTML Payload and runtime to establish SignalR connection and manage DOM SignalR Connection Any events are sent to the server and it Sends back data that is inserted into the DOM
  13. WebAssembly Blazor WebAssembly in .NET 8 Game Changer für .NET

    SPAs? Rendermodes Request - http://url/page1 Response HTML Page, .NET and WebAssembly runtime API Call via HttpClient Results are processed on the client. Components detect changes and update the DOM JSON Response
  14. Auto Blazor WebAssembly in .NET 8 Game Changer für .NET

    SPAs? Rendermodes Request - http://url/page1 Downloads WebAssembly Assets in the background Frist Visit Subsequent Visits Rendered using Blazor WebAssembly Rendered using Blazor Server API Call via HttpClient Results are processed on the client. Components detect changes and update the DOM JSON Response SignalR Connection
  15. Flashback SPA Packaging MixMode RenderModes Still missing Game Changer? Q&A

    Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
  16. until .NET 7 • Firewall problems due to the necessary

    DLLs that need to be downloaded • Slow startup time due to the big size of the application • Old OIDC Client and Authentication reloading hell • … Will this all be a thing of the past with .NET 8? Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs? Still missing
  17. Flashback SPA Packaging MixMode RenderModes Still missing Game Changer? Q&A

    Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
  18. • Spoiler: Currently not yet • Firewall problem solved •

    SSR only partially solves the problem of loading time but no authentication possible at the moment • Unfortunately, there are still issues that have not been solved even with .NET 8 Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs? Game Changer für .NET SPAs?
  19. Flashback SPA Packaging MixMode RenderMo des Still missing Game Changer?

    Q&A Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?