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

on YouTube ↗01h 03m

" summary

Blazor runs full .NET in the browser by shipping a Mono WebAssembly runtime and normal .NET assemblies (about 1.81 MB payload over 18 requests) and supports both pure client-side and ASP.NET Core–hosted projects with a shared .NET library for domain types. Components use Razor, DI and HttpClient; the demo builds a counter, fetch-data table, a shortlist backed by a simple state container, a reusable gray-out render fragment, and persistence via JS interop via IJSRuntime (localStorage), all working end-to-end.

AI-written summary · about

" chapters (35)

1. 0:00Start
2. 1:37bring dotnet into the browser
3. 9:12create a pure client-side application
4. 9:39installed the blazer extension
5. 10:20fetch and install all of the dependencies
6. 12:44display a little bit of html
7. 13:25injecting an http client
8. 14:02fetching the static json file from disk
9. 15:24add a parameter parameter of type int
10. 15:50use the intellisense
11. 16:46embedding an entire dotnet runtime into a page
12. 19:03send regular dotnet assemblies down into the browser
13. 19:57add your own css
14. 21:02deploy those static files to any web server
15. 21:33setting up a blazer application
16. 24:09class library
17. 26:35start by running it in a browser
18. 30:40defining the overall structure of the ui
19. 32:28use a state container framework
20. 38:27add itineraries
21. 38:59drop in a little bit of markup
22. 39:30display all the information about the itinerary
23. 42:18invent a general framework for graying out anything
24. 43:30set up the css
25. 44:46wrap a gray out zone
26. 46:06integrate with third-party javascript libraries
27. 47:13store stuff in local storage
28. 47:49add local storage capabilities to my application
29. 48:51register local storage as a service in my dependency injection
30. 49:17add storage
31. 52:27reuse chunks of c-sharp in other projects
32. 53:46create a blazer library or blazer
33. 54:55add a new blazer library
34. 1:00:35set breakpoints
35. 1:01:17render the initial application ui on the server

" related talks

• 59mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC Oslo 2019
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC London 2019
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC Sydney 2019
• 41mBlazor, a New .NET Single Page Application FrameworkSteve Sanderson · Øredev 2018
• 01h 01mBlazor: Modern Web development with .NET and WebAssemblyDaniel Roth · .NET Conf 2018
• 56mASP.NET Blazor—the C# Angular or the return of Silverlight?Dino Esposito · .NET Fest 2018
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC London 2020
• 01h 00mASP.NET Blazor programming 101Dino Esposito · DotNext 2019 Piter