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.

Transcript

1. Patrick Jahr https://thinktecture.com/patrick-jahr Session Blazor WebAssembly in .NET 8: Game Changer für .NET SPAs? @jahr_patrick Developer Consultant
2. 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
3. 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 in .NET 8 Game Changer für .NET SPAs? Patrick Jahr
4. Flashback SPA Bundle MixMode RenderModes Still missing Game Changer? Q&A Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
5. 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
6. 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)
7. Flashback SPA Packaging MixMode RenderModes Still missing Game Changer? Q&A Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
8. .NET 7 Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs? Bundle
9. .NET 8 Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs? Bundle
10. Flashback SPA Packaging MixMode RenderModes Still missing Game Changer? Q&A Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
11. Render Blazor Components in ASP.NET Core MVC Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs? Mixed Mode
12. DEMO Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
13. Flashback SPA Packaging MixMode RenderModes Still missing Game Changer? Q&A Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
14. 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
15. 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
16. DEMO Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
17. 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
18. DEMO Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
19. 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
20. DEMO Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
21. 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
22. DEMO Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
23. Flashback SPA Packaging MixMode RenderModes Still missing Game Changer? Q&A Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
24. 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
25. Flashback SPA Packaging MixMode RenderModes Still missing Game Changer? Q&A Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
26. • 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?
27. • Authentication Stack: https://github.com/dotnet/aspnetcore/issues/40764 • Multithreading: https://github.com/dotnet/aspnetcore/issues/48768 • State Handling with Server Side Rendering Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs? Open Issues
28. Flashback SPA Packaging MixMode RenderMo des Still missing Game Changer? Q&A Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
29. Q&A Blazor WebAssembly in .NET 8 Game Changer für .NET SPAs?
30. https://www.thinktecture.com/ueber-uns/karriere/ Dankeschön! Patrick Jahr https://thinktecture.com/patrick-jahr thinktecture-labs/basta-2023-game-changer-blazor-wasm