WebAssembly Using C# Blazor

on YouTube ↗53m

" summary

Demonstrates a C# Blazor WebAssembly app (counter, data grid) running client-side with WebAssembly Blazor, built with .NET Core 3.1 and requiring Visual Studio 2019. Shows breakpoints hitting in the browser debugger, uses async HTTP calls to a PeopleService that connects to Azure SQL, and deploys to Azure App Service; synchronous calls aren’t supported. Demo mostly works but tooling and preview features are flaky during the session, so expect some instability while debugging and hot-reload.

AI-written summary · about

" chapters (12)

1. 0:00Introduction and agenda
2. 2:07What is Blazor
3. 8:39WebAssembly and Blazor
4. 17:56Setting up Visual Studio
5. 22:34Creating a Blazor app
6. 26:04Exploring the Blazor template
7. 33:58Debugging Blazor apps
8. 37:12Creating a service
9. 41:54Connecting to a database
10. 43:28Displaying data in Blazor
11. 47:31Razor components vs pages
12. 49:19Q&A and closing

" related talks

• 01h 00mASP.NET Blazor programming 101Dino Esposito · DotNext 2019 Piter
• 09mBlazor with WebAssemblyDon Wibier · Frontend Love 2020
• 56mModern Web UI with Blazor WebAssemblySteve Sanderson · NDC Oslo 2020
• 29mBringing WebAssembly to the .NET MainstreamSteve Sanderson · Cloud Native Wasm Day Europe 2022
• 59mThe future of Web: what Microsoft Blazor can do for youAlexandre Malavasi · .NET Fest 2019
• 56mASP.NET Blazor—the C# Angular or the return of Silverlight?Dino Esposito · .NET Fest 2018
• 58mIntro to Blazor, WebAssembly and Razor in .NetCorey Weathers · Silicon Valley Code Camp 2018
• 58mBlazor: C# running in the browser via WebAssemblyScott Sauber · NDC Minnesota 2019