Blazor – the new SPA Framework for everyone who hates JavaScript

What if you could build a modern single-page app without writing any JavaScript? Learn how Blazor unifies your tech stack using only C# for client and server.

#1about 3 minutes

A brief history of Microsoft's fragmented web UI frameworks

Microsoft's web UI history with technologies like Web Forms and Silverlight created a fragmented ecosystem, contrasting with its strong backend offerings.

#2about 3 minutes

Unifying front-end and back-end development with Blazor

Blazor allows developers to build full-stack web applications using a single C# and .NET technology stack, enabling code sharing for models and validation.

#3about 2 minutes

Exploring the different Blazor hosting and execution models

Blazor applications can be executed in various ways, including server-side, client-side with WebAssembly, hybrid for desktop/mobile, and the upcoming Blazor United model.

#4about 4 minutes

How Blazor Server and WebAssembly models differ

Blazor Server renders UI on the server and uses SignalR for updates, while Blazor WebAssembly runs the .NET runtime and application DLLs directly in the browser.

#5about 8 minutes

Inspecting a Blazor application's structure and modes

A walkthrough of a Blazor project structure shows how to switch between server and WebAssembly modes and how to inspect the network traffic for each.

#6about 7 minutes

Creating interactive UIs with Razor syntax and C#

Learn to build dynamic user interfaces by combining HTML with C# logic, handling events like @onclick, and manipulating data lists directly in Razor components.

#7about 1 minute

Q&A on JavaScript interop and mixed hosting models

Answers to common questions cover how to interoperate with JavaScript libraries and practical scenarios for mixing server-side and client-side rendering.