Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
Awesome Blazor
A collection of awesome Blazor resources.
Blazor is a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
Contributions are always welcome! Please take a look at the contribution guidelines pages first. Thanks to all contributors, you're awesome and wouldn't be possible without you!
Blazor is a .NET web framework to build client web apps with C#.
Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries.
More information on the official Blazor website.
Get started
To get started with Blazor, follow the instructions in the Blazor Get Started documentation.
Scalable sentiment analysis - A sample ables to make sentiment analysis prediction/detection of what the user is writing in a very UI interactive app (Blazor based) in the client side and running an ML.NET model (Sentiment analysis based on binary-classification) in the server side.
BlazorCalculator - Simple calculator with history and ability to use previous results in new calculations. Demo.
Blazor calculator with expressions - A sample numerical expression evaluator in Blazor utilizing an F# library that uses FsLex and FsYacc to parse expressions. Demo.
Planning Poker – An app to play Planning Poker for distributed teams. The app is implemented using Blazor and shows how to switch between client-side and server-side mode with a configuration change. Demo.
Gjallarhorn - Compare packages on different NuGet-sources. Demonstrating Client-Side Blazor MVVM-style.
Blazor Time Zone Kit - A library to provide system time zones and local time zone initialization in Blazor apps.
EmbeddedBlazorContent - Library to load embedded content files (js and css) from Blazor libraries in server-side Blazor mode.
Blazor SVG Helper - Create SVG elements with children (circle, rectangle, image, text, and others) and render with RenderTreeBuilder.
Razor components resting library - Prototype testing library that renders Razor Components as HTML and compare the result to an expected result, using the XMLDiff library and Shouldly for writing out error messages.
Let’s Learn Blazor: Navigation in Blazor - August 28, 2019 - This video is about navigating in a Blazor application (how to use Blazor routes, pass parameters in routes, and how to handle query string parameters as well).
Exploring Blazor - Building Interactive Web Apps Using C# - August 25, 2019 - There’s been a ton of buzz in the .NET community lately around Blazor. Unlike many hyped technologies however, Blazor seems to have earned the attention. It earned it in part by delivering a solution that gives C# developers what they want but doing so in a way that relied on open web standards. In this session, Microsoft’s Jeremy Likness will go deeper into what Blazor is, how it works and how you can use it to build web apps.
Blazor Tips and Tricks - August 22, 2019 - Ed Charbeneau shares and answers some of the most frequently asked questions he receives when showing folks Blazor.
Let's learn Blazor! - August 06, 2019 - Let's learn Blazor! about Blazor validation.
Create Blazor App From Scratch Using Oceanware NuGet Packages - August 04, 2019 - This video is a live coding session creating a new Blazor server-side app and brining in the Ocean NuGet packages, have a forms app with two-way data binding and rich validation in a few minutes.
Demo Blazor App Validation - August 04, 2019 - In this Demo Blazor App Validation for the Ocean Validation Library, I show a Blazor server-side app using the Ocean Validation Library.
Let's Learn Blazor: Getting Started - July 29, 2019 - In this video, we install Blazor and create our first Blazor application. Watch as I try to understand how Blazor startup works, create bindings, and add event handlers.
Why use Blazor? - July 24, 2019 - Why use Blazor? Live on Twitch by Jeffrey T. Fritz.
ASP.NET Community Standup - July 23, 2019 - Last ASP.NET Community Standup about ASP.NET Core 3.0 Preview 7.
Build Your First Web Application with Blazor - July 22, 2019 - Join Jeff Fritz as he takes you through the steps to build your first application that runs IN the browser with C# and Blazor. By the end of this video, you'll learn how to build a next-generation SPA (single-page application) using HTML, CSS, JavaScript interop, and Blazor.
Razor: Into the Razor'verse - July 19, 2019 - The Razor template markup syntax is used throughout ASP.NET. In the next version of ASP.NET, Core Razor is evolving into multiple Razor adaptations such as Razor Tag Helpers, Razor Pages, Blazor, and Razor Components . Learn in this video the key differences between theses variations and see where they align in the ASP.NET road map.
Blazor Workshop! - July 19, 2019 - Blazor Workshop! Learn about WebAssembly and C# in this all day event.
Blazor Two-Way Binding - July 17, 2019 - Blazor Two-Way Binding, from the Telerik UI for Blazor serie.
Blazor StateHasChanged: BlazePort part 5 - June 24, 2019 - Blazor StateHasChanged: BlazePort part 5, about creating BlazePort, a futuristic ride share app for space travel written in full stack .NET with Blazor. Source Code.
Blazor StateHasChanged: BlazePort part 4 - June 22, 2019 - Blazor StateHasChanged: BlazePort part 4, about creating BlazePort, a futuristic ride share app for space travel written in full stack .NET with Blazor. Source Code.
.NET Core 3.0 with Scott Hunter - June 20, 2019 - In this episode, Richard Lander and Scott Hunter get together to discuss some of the highlights that developers can look forward to in this new release of .NET Core.
Blazor StateHasChanged: BlazePort part 3 - June 17, 2019 - Blazor StateHasChanged: BlazePort part 3. Video about creating BlazePort, a futuristic ride share app for space travel written in full stack .NET with Blazor. Source Code.
Blazor StateHasChanged: BlazePort part 2 - June 14, 2019 - Blazor StateHasChanged: BlazePort part 2. Second video about creating BlazePort, a futuristic ride share app for space travel written in full stack .NET with Blazor. Source Code.
Telerik UI for Blazor 2.1.0 - September 25, 2019 - Telerik UI for Blazor 2.1.0 – ASP.NET Core 3.0 Compatibility, Scatter, Scatter Line and Bubble Charts!
An Introduction to OwningComponentBase - September 17, 2019 - This post explores the OwningComponentBase class, which was added to Blazor in .NET Core 3 Preview 9. This class has a single purpose, create a service provider scope.
Integrating FluentValidation with Blazor - September 04, 2019 - An example of integrating a custom third-party validation system with Blazor's forms, by Steve Sanderson.
Quantum Messaging with Q# and Blazor - September 03, 2019 - Build an MVVM based Blazor app that leverages Q# and the remarkable phenomenon of quantum entanglement to instantly transfer half a message across potentially vast distances, while eliminating the risk of eavesdropping.
Unit testing Blazor components - a prototype - August 29, 2019 - A possible approach for testing Blazor components that's as fast as unit testing and as high-level as browser automation, by Steve Sanderson.
Using JSON for polymorphic types in C# - August 28, 2019 - Using Blazor, code written for the front-end has access to all the language features of C#. In particular, it may be useful to have a type hierarchy and make use of polymorphism.
Blazor Components - Free Anchor Navigation Tool, by DevExpress - August 28, 2019 - As you may know, Blazor does not currently support navigation via anchors. In addition, Blazor does not support hyperlinks that only include anchor IDs within the href attribute (some text). To help address these limitations, we created a free navigation tool for both client-side and server-side Blazor projects.
How does Blazor works ? Part 2 : building - August 10, 2019 - This blog post is the 2nd part of a series about how Blazor (client side) works, from the build process to the update of the UI. The first part started with a "simple" command "dotnet run" and ended with generated classes representing the razor files. This post is about the rest of the building process and the part of it that handle integration with monowasm.
Blazor Binding, Events and Parameters - August 06, 2019 - Three things that you will usually find yourself using on every Blazor page, Binding, Events, and Parameters, are covered in this article who shows how to build a series of pages including a few that will allow a user to build and edit a list of To Do items.
Using Razor Components in a Razor Page - August 05, 2019 - Blog post about how to include a Blazor/Razor component in a Razor Pages application in .NET Core 3.0.
IndexedDB in Blazor - August 03, 2019 - Exploring the Reshiru.Blazor.IndexedDB package, by Steve Sanderson.
Using a Code-Behind Approach to Blazor Components - July 31, 2019 - In this article we'll look into when it's helpful to use a code-behind in your Blazor development, how we benefit and what to expect when re-factoring existing components.
Authentication in server-side Blazor applications - July 25, 2019 - Preview 6 version of ASP.NET Core 3.0 is released and one interesting new feature is authentication and authorization for server-side Blazor applications. This blog post goes through work currently done and shows how authentication works with server-side Blazor applications.
How to Dynamically Build the UI in Blazor Components - July 22, 2019 - You have two tools for generating your initial UI in a Blazor component: ASP.NET's Razor and Blazor's RenderFragment. Here's how to use both to integrate with your C# code (and a warning about what you can't do).
Forwarding Refs in Blazor - June 3, 2019 - Technique for automatically passing a ElementRef through a component to one of its children or back from children to parent or among independent components.
Blazor with Daniel Roth - September 03, 2019 - Daniel Roth starts by introducing Web Assembly and how this changed web development. Blazor allows full-stack development through .NET with C#. The panel asks Dan about Blazor's capabilities and future. Dan shares Blazor’s origin story.
What is WebAssembly - September 02, 2019 - What is WebAssembly, episode 122 of the Cynical Developer podcast.
ASP.NET Core Blazor Language Services - Provides Visual Studio support for ASP.NET Core Blazor. Note: this Blazor Visual Studio extension is obsolete and no longer required to use Blazor since Visual Studio 2019 Preview 16.3.0.
BlazorFiddle - Blazor .Net Developer Playground and Code Editor in the Browser.
BlazorSourceMangler - A console app to mangle Blazor DLLs. Check this YouTube video for more details. You can also check this Blazor TODO app to see result of this app (downloaded blazortodos.dll is mangled and decompilation shows uglyfied code).
An Introduction to Building Applications with Blazor - August 24, 2019 - An Introduction to Building Applications with Blazor: How to get started creating applications using this exciting easy to use Microsoft C# framework