Build Your First Full-Stack Blazor App

on YouTube ↗01h 04m

" summary

Builds a full‑stack Blazor app using .NET 6 with the Visual Studio full‑stack template that scaffolds client WebAssembly, server SignalR, and a shared library so validation and models are reused; demos include a counter (client‑side), a WeatherForecast JSON API and a grid that queries only 10 of ~29,292 records, hot‑reload working, PWA install succeeds, and Telerik UI components (drag‑drop tile layout state saved to localStorage). Notes payload tradeoffs: about 1 MB payload for client WebAssembly vs ~3 KB for server mode; assembly trimming reduces download.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 11:59What is Blazor
3. 22:08Creating first Blazor app
4. 37:48Hot reload demo
5. 48:45Advanced Blazor app demo
6. 1:03:10Q&A and summary

" related talks

• 58mWelcome to BlazorDaniel Roth · .NET Conf: Focus on Blazor 2020
• 41mModern Full-Stack Web Development with ASP.NET Core & BlazorDaniel Roth · Microsoft Build 2024
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC London 2020
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC Sydney 2019
• 47mBlazor - Next Generation UI with .NET 6Jeff Fritz · DEVintersection 2021 Orlando
• 36mBlazor - Full Stack Web Development in C# OnlyTsviatko Yovtchev · code.talks 2019
• 01h 00mASP.NET Blazor programming 101Dino Esposito · DotNext 2019 Piter
• 56mModern Web UI with Blazor WebAssemblySteve Sanderson · NDC Oslo 2020