Modern Web UI with Blazor WebAssembly

on YouTube ↗56m

" summary

Blazor WebAssembly is now released and runs a .NET runtime inside browsers so C# UI code executes client-side; the demo shows a Car Checker demo with offline sync using IndexedDB, server-side auth via ASP.NET Core Identity or OIDC, photo picking via the BlazorInputFile NuGet, a Three.js 3D viewer wrapped as a component, and full-stack debugging with Visual Studio hitting breakpoints on both client and server. The app is a PWA installable to home screen and can be hosted as static files (example on GitHub Pages).

AI-written summary · about

" chapters (19)

1. 0:00Introduction
2. 0:41Blazor overview
3. 2:59Advantages of Blazor
4. 4:27Hosting models
5. 5:45Getting started
6. 7:02App demo
7. 7:56App functionality
8. 12:24Authorization
9. 15:59Server integration
10. 18:26Code sharing
11. 21:56Nuget packages
12. 25:58Javascript interop
13. 29:24Client-side storage
14. 31:19Debugging
15. 34:29Internationalization
16. 37:46Localization
17. 40:23Progressive Web Apps
18. 47:16Static hosting
19. 49:02Future and QA

" related talks

• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC London 2020
• 09mBlazor with WebAssemblyDon Wibier · Frontend Love 2020
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC Sydney 2019
• 53mWebAssembly Using C# BlazorChan Ming Man · Global Azure Virtual 2020
• 01h 00mASP.NET Blazor programming 101Dino Esposito · DotNext 2019 Piter
• 59mThe future of Web: what Microsoft Blazor can do for youAlexandre Malavasi · .NET Fest 2019
• 58mWelcome to BlazorDaniel Roth · .NET Conf: Focus on Blazor 2020
• 41mBlazor, a New .NET Single Page Application FrameworkSteve Sanderson · Øredev 2018