Blazor, a new framework for browser-based .NET apps

on YouTube ↗01h 01m

" summary

Blazor runs full .NET apps in the browser by loading a mono runtime compiled to WebAssembly and standard .NET DLLs, letting components (.razor) use DI, JS interop and shared libraries. Demo shows a to‑do UI, HTTP weather fetch, and exporting an Excel file using EPPlus 5.86M downloads to produce styled .xlsx with charts on the client. Runtime download is about 2 MB, server pre‑rendering yields ~26 ms initial HTML, interpreter execution is slower for heavy CPU work but AOT compilation brings performance near native.

AI-written summary · about

" chapters (38)

1. 0:00Start
2. 2:21running on the javascript runtime
3. 3:21run whatever code we want inside the browser on web assembly
4. 3:39build your sophisticated ui's on top of dotnet
5. 4:14switch over to a demo application
6. 7:52fetching the list of weather forecasts
7. 9:01make an html table row
8. 9:49make use of the dotnet ecosystem
9. 10:23output a comma separated text file
10. 10:55add a reference to an external third-party package
11. 12:15add a forecasts tab into the list of worksheets
12. 19:15building this stuff on web assembly
13. 19:52create a small web assembly application
14. 21:00compile fibonacci
15. 21:48set up a little static http server
16. 24:28start stepping through the actual web assembly code
17. 26:34run your dotnet code inside the browser on web assembly
18. 28:35loading an entire dotnet runtime into the browser
19. 30:24make some generic template or two components
20. 31:39displaying the temperature in fahrenheit
21. 32:28pass in an enumerable of weather forecasts
22. 33:34pass in some arbitrary markup
23. 34:30specify a title
24. 34:58display the date
25. 39:42pass an instance of this to all the components in my application
26. 40:15pass a new theme
27. 40:48get the current theme cascading down through the ui
28. 41:33put in a drop-down list
29. 42:34debugging in a browser
30. 44:26set breakpoints
31. 45:40putting a breakpoint on my c-sharp
32. 48:21render a component asynchronously
33. 50:03make a traditional server rendered application
34. 51:00use components for pure server-side rendering
35. 53:35running your dotnet code on the mono web assembly
36. 54:30compile your dotnet code to bare metal web assembly
37. 55:47compiled the dotnet assembly to native bytecode
38. 58:49write a native desktop

" related talks

• 01h 03mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC Minnesota 2018
• 41mBlazor, a New .NET Single Page Application FrameworkSteve Sanderson · Øredev 2018
• 59mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC Oslo 2019
• 58mBlazor: C# running in the browser via WebAssemblyScott Sauber · NDC Minnesota 2019
• 01h 01mBlazor: Modern Web development with .NET and WebAssemblyDaniel Roth · .NET Conf 2018
• 46m.NET: What's Blazor - Front .NETMichał Michalczuk, Mateusz Turzyński · 4Developers 2020
• 56mASP.NET Blazor—the C# Angular or the return of Silverlight?Dino Esposito · .NET Fest 2018
• 09mBlazor with WebAssemblyDon Wibier · Frontend Love 2020