newanga/awesome-blazor

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!

If you need to search on this list you can try this great website: Awesome Blazor Browser. Thanks @jsakamoto for this!

Contents

• Introduction
• General
• Sample Projects
• Tutorials
• Libraries & Extensions
• Videos
• Articles
• Podcasts
• Presentations slides
• Tooling
• Books
• E-Books
• Courses
• Community
• Other Languages

Introduction

What is Blazor

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.

To open Blazor projects in Visual Studio, you must have Visual Studio 2019 16.3 or later and the .NET Core 3.0 SDK.

Note: the Blazor Visual Studio extension is no longer required since .NET Core 3.0 Preview 7. Uninstall the extension if you still have it installed.

General

• ASP.NET Blog's archives - Archives of the ASP.NET blog about Blazor.
• Blazor - Official website of Blazor, from Microsoft.
• Blazor bites - Blazor bites series by Chris Sainty.
• Blazor-Dev gallery on .NET Foundation - Daily builds of the 'dev' branch of Blazor.
• Blazor Extensions - Curated extensions for Microsoft ASP.Net Core Blazor.
• Blazor University - Unofficial documentation website.
• Demo - Official basic demo website.
• Documentation - Official documentation, by Microsoft.
• eShopOnBlazor - Migration of a traditional ASP.NET Web Forms app to Blazor, sample by Microsoft Architecture.
• FAQ - FAQ.
• GitHub repository - The official Blazor repository.
• 'Hello World' sample - 'Hello World' sample.
• Introduction to ASP.NET Core - Introduction to ASP.NET Core.
• Study Blazor - Blazor tutorial for beginners, in simple and easy steps starting from basics to advanced concepts with more code snippets.
• Workshop - Build a complete Blazor app and learn about the various Blazor framework features along the way.

Sample Projects

Authentication

• BlazorBoilerplate - Real World Admin Dashboard / Starter kit with IdentityServer4 Material Design. Demo.
• BlazorWithIdentity - A sample project showcasing a Blazor app using EF Core with Identity authentication.
• Authentication with client-side Blazor - Authentication with client-side Blazor using WebAPI and ASP.NET Core Identity. Blog post.
• BlazorAuthenticationSample - A sample showing some of the ASP.NET Core Blazor authentication features (also some testing...).
• Blazor.Msal - Sample implementation for MSAL in Blazor, it shows how to integrate a Single Page Web Application made in Blazor WebAssembly with Azure Active Directory. It allows to authenticate the user and then acquire an access token to make a secure call to an external API. The code internally uses MSAL.js to implement the OpenID Connect and OAuth2 flows.
• Blazor.OpenId - Easy authentication and client refresh using OpenId.

Cloud

• BlazorAzure.WebApp - Blazor Azure web app.
• BlazorAzure.Functions - Azure function with Blazor.
• BlazorFile2Azure - Upload a file from Blazor WebAssembly to Azure Blob Storage.
• Blazor WASM Deployment - Sample repo for showing Actions to deploy a Blazor app to Azure services.

CMS

• BlogCore - Modern CMS on Domain-driven Design and Clean Architecture patterns.
• WordDaze - Blogging application written using Blazor with a WebAPI backend.
• RapidCMS - A code-first, extensible Blazor app that generates a CMS for your own database.
• AcBlog - A blogging PWA that can be hosted as a full static website. GitHub Pages Demo.

Games

• AsteroidsWasm - A mixed bag of C# projects to see if a single .NET Standard base can run across all common platforms include WebAssembly. Demo.
• Flappy Blazor Bird - Blazor Flappy Bird's port. [Wasm Demo] | [Multiplayer Demo].
• Blagario - Experimental lab to test Blazor server side as multiplayer game engine.
• DiabloBlazor - Blazor port of DiabloWeb, making it a double WebAssembly app: a WebAssembly (C#) PWA hosting a WebAssembly (C++) game. Demo.
• BlazorPong - Pong in Blazor server side using SignalR Core. Demo.
• BlazorConnectFour - Classic childhood game ConnectFour in Blazor.
• Memory Game Wasm/PWA - Simple Memory game with PWA support. Demo.
• Trains.NET - 2D game built with .NET and C#.

Hybrid experiments

• Blazor + Electron - Host Razor Components inside an Electron shell. This allows for modern, high-performance cross-platform desktop apps built with .NET and web technologies.
• Blazor + WebWindow - WebWindow is like Electron, but without bundling Node.js or Chromium, and without most of the APIs. WebWindow source code. Blazor + WebWindow sample here.
• BlazorPoint - Sample App to help you get started with hosting Blazor on SharePoint Pages, completely Client Side.

Logging

Logging.Samples - Samples for .NET Core and ASP.NET Core logging using various logger frameworks.

Machine Learning

• 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.
• PropertyPrices - A blazor front-end site that provides analysis and ensemble learning predictions (through SharpLearning) of property prices in the UK. Demo (https://propertyprices.org.uk).
• BlazorML5 - ML5 Machine Learning for Blazor with JSInterop mechanism.
• Baseball Machine Learning Workbench - A web application that showcases performing what-if analysis using in-memory Machine Learning models. Live demo.
• optimizer.ml - A "server-less" general purpose optimization suite for algorithm parameters. Also provides offline optimization of Quantconnect Lean trading algorithms. Demo (https://optimizer.ml).

Mobile

• Mobile Blazor Bindings - Experimental Mobile Blazor Bindings - Build native mobile apps with Blazor.

ToDos

• Minimal ToDo by David Fowler - Minimal ToDo backend API implementation by David Fowler from Microsoft.
• Bolero.TodoMVC - A TodoMVC clone using Bolero.

Others

• Flight Finder - Flight Finder.
• Oqtane Framework - Modular Application Framework for Blazor.
• BlazorElectronExperiment - Exploring how a Blazor could be used to build a cross-platform desktop application using Electron.
• BlazorFileReader - Read-only File streams in Blazor. Demo.
• BlazorDesktop - Native desktop Blazor app which not using Electron, by Steve Sanderson.
• Toss.Blazor - Twitter-like web application using Blazor.
• BlazeDown - BlazeDown, online Markdown editor. Demo.
• BlazorChatSample - Blazor chat demo using SignalR JS client with interop.
• Money - A money manager implemented using CQRS+ES. Demo.
• eShopOnBlazor - Migration of a traditional ASP.NET Web Forms app to Blazor.
• Blazor contacts - A project template for OData API, IdentityServer4 auth, and server-side Blazor.
• Runny - Prototype of running roslyn in the browser via Blazor. Demo.
• Blazor Weather - A Blazor Weather sample app that shows the current weather for your current location and a collection of pinned locations. Demonstrated at .NET Conf 2019 by Daniel Roth. Demo.
• NethereumBlazor - Ethereum blockchain explorer and simple wallet.
• BlazorGrpc - Sample project that demonstrates how you can use the power of Blazor, ASP.NET Core, and gRPC to create a web application which can communicate with a backend that uses gRPC.
• Gitter - A Blazor Gitter client.
• Return - Realtime retrospective tool built in ASP.NET Core and Blazor.
• BlazePort - A futuristic ride share app for space travel written in full stack .NET with Blazor.
• BlazorGraphExample - Example application for connecting to Graph API from Blazor.
• BlazorDynamicList - Dynamic component binding for a generic list. Demo.
• Blazor FIRE Calculators - Client-side financial calculators built using Blazor WebAssembly. Demonstrates custom number formatting and offline Progressive Web App (PWA) functionality. Demo.
• Try F# on WebAssembly - The F# compiler running in WebAssembly with Bolero.
• StarshipTraveler - A starship traveler demo app built with Blazor for the DevOne 2019 conference.
• Blazor + Sitecore - Example of dynamic pages and routes with SiteCore and Helix.
• BlazorServerTree - A simple Server-Side Blazor sample app to deal with hierarchical data.
• BlazorCRUD - Sample line of business application that illustrates key features of Blazor. Demo.
• BlazorBinding - Sample Blazor App demonstrating various data binding scenarios.
• WebSocketPage - Web Socket in Blazor. demo.
• C# Minifer A client-side Blazor application demonstrating live minification of C# code using the C# Minifier library. Demo.
• BlazorPages - A sample client-side Blazor app showcasing automatic deployment to GitHub Pages via Azure Pipelines.
• Pattern Maker - C# code transformation demo that uses Roslyn and Monaco Editor. Demo.
• Tulsa .NET User Group website - Tulsa .NET User Group website.
• 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.
• C# Regex Tester online - Online tool for verify .Net regex syntax. (Demo).
• Blazor Tour of Heroes - Blazor Tour of Heroes, using Blazor-State(State Management architecture utilizing the MediatR pipeline) for the Redux style state.
• Blazor.Console - A simple component to mock CLI for ASP.NET Core 3.0 Blazor applications to execute some custom commands for an application.
• Cognitive Services Explorer - PWA enabled app used to showcase what Cognitive Services can do, built-in client-side Blazor. Demo.
• Blazor Wake-on-LAN - Wake-on-LAN app for local networks. Blazor Server + EF Core + DI + CI.
• BlazorOCR - A Blazor WebAssembly application for reading receipts.
• Dcidr - Blazor WebAssembly decision-making app with PWA (offline), localstorage, and Excel export. Demo.
• BlazorForum - Forum application built with Blazor.
• Blazor + Umbraco Heartcore - Example of using Umbraco Heartcore with Blazor.
• BlazorGrpcWebCodeFirst - Sample project that demonstrates how you can use gRPC-Web with Blazor WebAssembly hosted on ASP.NET Core. Publish and consume your services without having to create .proto files - with the code-first approach.
• GTAVehicles - Sample app to manage GTA vehicles. Demo.

Tutorials

• Blazor workshop - Blazor app building workshop by .NET Foundation, Blazzing Pizza.
• PlannerApp full client-side project with Blazor WebAssembly - March 2020 - Video tutorial that covers how to build a full client-side application using Blazor WebAssembly, The back-end is already done and hosted on Azure so we will take advantage of that to teach you how to develop full application from scratch. Source code.
• Build an Authenticated Web App in C# with Blazor - March, 2020 - Build an Authenticated Web App in C# with Blazor and octa.com service.
• Building an Application with Blazorade Bootstrap - February 17, 2020 - Building an Application with Blazorade Bootstrap. Part 3. Part 2. Part 1. Source code.
• Creating a step-by-step end-to-end database Client-Side (WebAssembly) Blazor application - February 15, 2020 - This post covers how a list of Weather forecasts can be added to the database by each user. A user will only have the ability to see their own forecasts.
• Getting started with Blorc.PatternFly - January 7, 2020 - Getting started with Blorc.PatternFly. What is Blorc.PatternFly? Standing for Blazor, Orc, and PatternFly, Blorc.PatternFly is a library with the ultimate goal of wrapping all PatternFly components and making them available as Blazor components. Source code.
• Archives - 2019, 2018.

Libraries & Extensions

Components

Reusable components like buttons, inputs, grids and more.

• MatBlazor - Material Design components for Blazor. (Demo).
• Blazorise - Components for Blazor with support for Bootstrap, Bulma, AntDesign and Material CSS. (Bootstrap Demo), (Bulma Demo), (AntDesign Demo), (Material Demo).
• BlazorStrap - Material Design components for Blazor. Bootstrap 4 components for Blazor (Demo).
• Radzen.Blazor - Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and more. (Demo).
• Canvas - Material Design components for Blazor. HTML5 Canvas API implementation for Microsoft Blazor.
• ChartJs.Blazor - Brings ChartJs charts to Blazor.
• DevExpress Blazor UI Components - A set of native UI Blazor components (including a Data Grid, Pivot Grid, Scheduler, and Charts) for both Blazor server-side and Blazor client-side platforms.
• BlazorContextMenu - Material Design components for Blazor. A context menu component for Blazor (Demo).
• Blazored.Modal - A JavaScript free modal library for Blazor and Razor Components applications.
• Blazor.FlexGrid - GridView component for Blazor.
• Grid.Blazor - Grid component with CRUD forms for Blazor and ASP.NET MVC, supporting filtering, sorting, searching, paging, subgrids and others (Demo).
• BlazorMaterial - Blazor components implementing Google's Material components for web.
• BlazorWebFormsComponents - A collection of Blazor components that emulate the web forms components of the same name.
• bUnit - a testing library for Blazor components - A testing library for Blazor Components. You can easily define components under test in C# or Razor syntax and verify outcome using semantic HTML diffing/comparison logic. You can easily interact with and inspect components, trigger event handlers, provide cascading values, inject services, mock IJsRuntime, and perform snapshot testing.
• Blazored.Toast - A JavaScript free toast library for Blazor and Razor Component applications.
• Ant-design-blazor - An enterprise-class UI components based on Ant Design and Blazor. (Demo).
• BlazorInputFile - A file input component for Blazor applications, by Steve Sanderson.
• Syncfusion Blazor UI Components - Robust UI components including Data Grid, Charts, Scheduler, Inputs and several Editor components.
• Blazored.Typeahead - Auto-complete textbox with local and remote data source, for both Client-side and Server-Side Blazor.
• Sotsera.Blazor.Toaster - A Blazor port of Toastr.js. Demo.
• BlazorStyled - CSS in Blazor Components (Demo).
• Blazor LoadingBar - Loading bar UI for Client-Side Blazor application.
• Blazored.Menu - A JavaScript free menu library for Blazor and Razor Components applications.
• Blazor-DragDrop - Easy-to-use Drag and Drop library for Blazor.
• BlazorTable - A Table Control for Blazor with sorting, paging, filtering and more (Demo).
• Blazor-Charts - SVG charts for Blazor.
• NodaTimePicker - A Date/Time picker component library for Blazor using NodaTime. Demo.
• BlazorDateRangePicker - A date range picker component library for Blazor. Demo.
• BlazorGoogleMaps - Blazor interop for GoogleMap library.
• Blazor.SignaturePad - A Blazor component library that utilizes Szymon Nowak's javascript library Signature Pad to implement smooth signature drawing on a HTML5 canvas.
• Flexor - Highly configurable components which let you take full advantage of Flexbox CSS.(Demo).
• Blazor-Dom-Confetti - Celebrate success with dom 🎉confetti🎉 on Blazor projects. Two versions, dom-confetti wrapper and native blazor 100% JS free.
• BlazorQuery - jQuery for Blazor (Blazor Library that wraps jQuery completely in C# for use in Blazor).
• Telerik UI for Blazor - External link (telerik.com). A native set of UI components for Blazor, including grid, charting, and calendar components.
• TwitterShareButton - A Tweet Button component for Blazor.
• Blazor.LoadingIndicator - Simple to use loading indicator helper library.
• BlazorTypography - A powerful toolkit for building websites with beautiful design (Demo).
• Razor.SweetAlert2 - Blazor component implementing the popular SweetAlert2 JavaScript Library.
• Blazor.SpinKit - Blazor components for SpinKit spinners.
• Blorc.PatternFly - Blazor wrappers for PatternFly. To view the latest develop branch in action, visit the demo app.
• Head Element Helper - <Title> and <Meta> components for changing the document titile and meta elements, with server-side prerendering support for SEO/OGP. (Demo).
• Localized Data Annotations Validator - The data annotations validator for Blazor to localize validation error messages. (Demo).
• BlazorWebFormsComponents - A collection of Blazor components that emulate the web forms components of the same name.
• BlazorSize - BlazorSize is a JavaScript interop library for Blazor that is used to detect the Browser's current size, change in size, and test media queries.
• LiquidTechnologies.Blazor.ModalDialog - Turns Blazor components into Modal Dialogs, allows values to be returned from the dialogs (var result = await ShowDialogAsync(...)), includes simple MessageBox and data capture dialogs (for Blazor Client & Server).
• GG.Net Data Visualization - Interactive and flexible charts for Blazor Web Apps. Taking its inspiration from the highly popular ggpplot2 R package, GG.Net provides natively rich features for your Data Analysis Workflow. Build publication quality charts with just a few lines of code. Website.
• BlazorMonaco - Blazor component for Microsoft's Monaco Editor which powers Visual Studio Code. (Demo).
• BlazorContentEditable - Provides contenteditable functionality for Blazor. (Demo).
• DnetOverlay - Agular CDK Overlay implementation for Blazor.
• Table.Net - Interactive and flexible Data Tables for Blazor Web Apps.
• Blazor-Sparkline - Sparkline Charts for Blazor using Fonts.

Tools & Utilities

Libraries and extensions for state management, cookies, local storage and other specific tools.

• Blazor-Redux - Connecting a Redux state store with Blazor.
• Fluxor - Zero boilerplate Flux/Redux library for DotNet. Formerly Blazor-Fluxor .
• SignalR - SignalR Core implementation for Blazor. It uses the JavaScript client.
• Blazored.LocalStorage - A library to provide access to local storage in Blazor applications.
• Storage - HTML5 Storage API implementation for Microsoft Blazor.
• Blazor-State - Manage client side state in Blazor using MediatR pipeline.
• bUnit - a testing library for Blazor components - A testing library for Blazor Components. You can easily define components under test in C# or Razor syntax and verify outcome using semantic HTML diffing/comparison logic. You can easily interact with and inspect components, trigger event handlers, provide cascading values, inject services, mock IJsRuntime, and perform snapshot testing.
• Logging - Microsoft Extension Logging implementation for Blazor.
• BlazorStorage - Local and session storage support for Blazor.
• Blazor.Auth0 - The library for using Auth0 in Blazor applications.
• BlazorDB - In-memory, persisted to local storage, database for Blazor.
• CssBuilder - CssBuilder is a Builder pattern for CSS classes to be used with Razor Components.
• BlazorSignalR - SignalR Core .NET client library for Blazor. It uses the C# client.
• Notifications - HTML5 Notifications API implementation for Microsoft Blazor.
• Blazor.Polyfill - Polyfills for Blazor (for Internet Explorer 11 support and some other browsers).
• Blazor I18n/Localization Text - Localizing contents text in Blazor (Demo).
• Blazor.Geolocation - Blazor interop for browser Geolocation APIs.
• Blazored.Localisation - A library to provide localisation in client-side Blazor applications.
• EmbeddedBlazorContent - Library to load embedded content files (js and css) from Blazor libraries in server-side Blazor mode.
• BlazorGoogleMaps - Blazor interop for GoogleMap library.
• Blazor.Payments - Blazor Web Agent port of the Web Payment API standard developed by W3C.
• Blazor SVG Helper - Create SVG elements with children (circle, rectangle, image, text, and others) and render with RenderTreeBuilder.
• Cortex.Net - State management like MobX for .NET and Blazor. Documentation.
• Blazor Analytics - Blazor extensions for Analytics.
• BlazorPrettyCode - Blazor Code Component for documentation sites. Demo.
• Blazor.EventAggregator - Lightweight Event Aggregator for Blazor (Razor Components).
• Blazor Gamepad - Provides gamepad API access for Blazor.
• Blazor Hotkeys - A library to provide configuration-centric keyboard shortcuts for Blazor.
• BlazorRealm - Redux state management for Blazor.
• Blazor.LocalFiles - Open files in your browser and load into Blazor.
• Blazor.Sensors - Blazor interop for browser sensor APIs.
• Rudder - Efficient state container for Blazor with concepts similar to the ones in redux, including reducers and sagas.
• BlazorIntersectionObserver - A Blazor wrapper for the Intersection Observer API.
• Blazor.SpeechSynthesis - A library to provide Speech Synthesis API access for Blazor.
• Blazor BarCode – A barcode library for Blazor using barcode fonts.
• BlazorState.Redux - Develop Blazor apps with Redux.
• BlazorLeaflet - BlazorLeaflet is a wrapper offering easy-to-use Blazor components that expose the Leaflet API in C#.
• Simple logging server - An ultra simple remote log message server written in Blazor and .NET Core 3.
• Howler.Blazor - A Blazor JSInterop wrapper for Howler.js, an audio library.
• DataJuggler.Blazor.FileUpload - Wrapper for Steve Sanderson's BlazorFileInput component.
• Cortex.Net - State management like MobX for .NET and Blazor.
• Blazor.LazyStyleSheet - Lazy loading for CSS style sheets.
• Blazor.ScriptInjection - Smart script tags in Blazor components, ideal for lazy loading of javascript files.
• DnetIndexedDb - Blazor Library for IndexedDB DOM API.

Others

• Blazor Extensions Home - Home for Blazor Extensions.
• Bolero - Blazor for F# with hot reloaded templates, type-safe endpoints and routing, remoting, and much more.
• BlazorMobile - Launch Blazor as a mobile application on iOS, Android & UWP.
• NObservable - MobX-like observables and component instrumentation.
• BlazorFabric - Blazor port of Microsoft UI Fabric with fluent design. (Demo).
• BlazorOfficeUIFabric - Microsoft Office Fabric UI port for Blazor.
• Blazor-Dashboard - Admin Dashboard Template Theme for Blazor.
• BlazorEmbedLibrary - Provides Blazor-style embedded static content files for Razor Components projects.
• BlazorWebView - Blazor WebView control for WPF, Android, macOS, iOS. Run Blazor on .NET Core and Mono natively inside a Webview. Documentation.
• WebSocketHelper - Helper for Web Socket in Blazor.
• Bionic - An Ionic CLI clone for Blazor projects.
• BlazorFileSaver - Blazor Component wrapper for FileSaver.js (Demo).
• Blazor.DynamicJavascriptRuntime.Evaluator - Execute dynamic object expressions as Javascript in Blazor client-side apps.
• Blazor.AdaptiveCards - Adaptive Cards for Blazor. Documentation.

Videos

• Blazor WASM authentication - May 8, 2020 - Blazor WASM authentication, by Ed Charbeneau.
• Blazor Tutorial : Deploy to Azure App Services - May 5, 2020 - Blazor Tutorial : Deploy to Azure App Services, by Curious Drive.
• Blazor StateHasChanged: E-book samples, code-behind, and office hours - May 1, 2020 - Blazor StateHasChanged: E-book samples, code-behind, and office hours.
• Trains.NET - Lets pretend to be designers - April 22, 2020 - Building a 2D game with .NET and C#, let's draw things with Blazor. Trains.NET's Source code.
• Trains.NET - From SkiaSharp to HTML Canvas, and hopefully published to a website somewhere - April 15, 2020 - Building a 2D game with .NET and C#, let's draw things with Blazor. Trains.NET's Source code.
• Trains.NET - Let's draw things with Blazor - April 10, 2020 - Building a 2D game with .NET and C#, let's draw things with Blazor. Trains.NET's Source code.
• Trains.NET - Experimenting with Blazor - April 8, 2020 - Building a 2D game with .NET and C#, experimenting with Blazor. Trains.NET's Source code.
• Carl Franklin's Blazor Desk Show with Dan Roth - March 26, 2020 - Video of Carl Franklin (from .NET Rocks!) about architecture best practices, how to make and consume generic components, how to call JavaScript to enhance your apps, and how to implement authentication and authorization. This video also covers how to monitor the traffic going back and forth between the browser and the server, measure your app's memory footprint, and how to optimize it. It also introduces some exciting Blazor controls including a data grid and appointment scheduling component.
• Quarantined Coding! with Ed Charbeneau - March 26, 2020 - Ed Charbeneau about Blazor for CodeItLive.
• Create a Blazor Server App and Add Syncfusion Blazor Components - March 24, 2020 - Learn to create a new Blazor Server App and add Blazor Components of Syncfusion to it using Visual Studio 2019 and Visual Studio Code.
• Minimal March - Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee - March 22, 2020 - Minimal March - Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee, by Csharpfritz.
• Blazor StateHasChanged: Hot take on hot questions - March 20, 2020 - Blazor StateHasChanged: Hot take on hot questions, by Ed Charbeneau.
• Minimal March - Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee - March 20, 2020 - Minimal March - Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee, by Csharpfritz.
• Minimal March - Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee - March 19, 2020 - Minimal March - Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee, by Csharpfritz.
• Minimal March - Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee - March 18, 2020 - Minimal March - Linux and Blazor. PRs, Finishing the FormView, C#, HTML, and !coffee, by Csharpfritz.
• Building Chat App using Blazor WebAssembly - March 6, 2020 - Building Chat App using Blazor WebAssembly, day 10 by Curious Drive.
• Blazor Tutorial : Event Handling - March 4, 2020 - Episode about event handling by Curious Drive.
• Build your first Blazor app with Carl Franklin - March 3, 2020 - Build your first Blazor app with Carl Franklin, by DevExpress.
• Blazor, GitHub CLI, Excel? and more - February 26, 2020 - Blazor, GitHub CLI, Excel? and more by Michael Crump on Twitch.
• Ed Charbeneau talks about Blazor components on CsharpFritz - February 25, 2020 - Ed Charbeneau talks about Blazor components contributes BlazorComponentUtilities to our project.
• Deep Dive on Server-Side Blazor - February 24, 2020 - Talk by Carl Franklin at the NDC London, "Deep Dive on Server-Side Blazor". Blazor has arrived on the server with .NET Core 3. In this demo-filled session, Carl shows you how you can integrate authentication, data access with Entity Framework Core, API endpoints, File Uploads, and SignalR to create a great experience for your users.
• Deploying Blazor WebAssembly Backend - February 21, 2020 - Deploying Blazor WebAssembly Backend, on Twitch.
• Blazor Tutorial : Templated Components | Html Table - February 20, 2020 - Blazor Tutorial : Templated Components | Html Table by CuriousDrive. Source code.
• Is Blazor the new Silverlight? - February 19, 2020 - Very short video (2min) by Carl Franklin from the Blazor Road Show who speaks about "Is Blazor the new Silverlight?".
• Blazor Tutorial : Procedural Logic | Authentication & Authorization in C# - February 18, 2020 - Blazor Tutorial : Procedural Logic | Authentication & Authorization in C#, by Curious Drive. Source code.
• Open Source C#, Blazor, and the DataBinder - February 16, 2020 - Open Source C#, Blazor, and the DataBinder, by Jeffrey Fritz. BlazorWebFormsComponents.
• Coding with Squirrel - and Blazor !coffee - February 14, 2020 - Coding with Squirrel, and Blazor !coffee, by Jeffrey Fritz. BlazorWebFormsComponents.
• Blazor TreeView GridLines and starting the FormView component - February 13, 2020 - Blazor TreeView GridLines and starting the FormView component, by Jeffrey Fritz.
• Blazor TreeView images and checkboxes - February 12, 2020 - Blazor TreeView images and checkboxes, by Jeffrey Fritz. BlazorWebFormsComponents.
• How To Create a Blazor Component - February 11, 2020 - This video covers how to create a Blazor component for a Blazor application. Create a template and write C# code to connect the component with the application.
• Ed Charbeneau of Progress: Why I'm Excited About Blazor in 2020 - February 10, 2020 - Ed Charbeneau of Progress talks about the technologies he's excited to learn more about in 2020 including Blazor.
• Blazor Tutorial: Role-based Authorization - February 7, 2020 - Blazor Tutorial: Role-based Authorization. Source code.
• Blazor Tutorial: Register User & Generate JWT - February 5, 2020 - Blazor Tutorial : Register User & Generate JWT.
• Live from Stockholm - Pages, JavaScript, C# and Blazor components - February 4, 2020 - Live from Stockholm - Pages, JavaScript, C# and Blazor components, by Jeffrey Fritz.
• Live from Stockholm - MasterPages, Layouts, Blazor components and your pull-requests - February 2, 2020 - Live from Stockholm - MasterPages, Layouts, Blazor components and your pull-requests, by Jeffrey Fritz.
• Build modern data-driven Web Apps with Microsoft Blazor and Dapper - February 2, 2020 - Build modern data-driven Web Apps with Microsoft Blazor and Dapper.
• Blazor, a new framework for browser-based .NET apps - January 29, 2020 - "Blazor, a new framework for browser-based .NET apps" session by Steve Sanderson at the NDC London 2020.
• Blazor in more depth - January 28, 2020 - Blazor in more depth by Steve Sanderson and Ryan Nowak at the NDC London 2020.
• How to use BlazorStyled with Blazor to dynamically change CSS - January 22, 2029 - I show how to install BlazorStyled for SSB and how I built a ProgressBar and Sprite Component to do simple animaitons.
• Blazor Tutorial : HttpClient | Login User - January 21, 2020 - This video covers how we can use HttpClient in your Blazor app to make API calls to login user into the system. Source code.
• Let's add some auth to Blazor - January 17, 2020 - Let's add some auth to Blazor, on Twitch.
• Blazor Means Business - January 16, 2020 - "Blazor Means Business" by Paul Schroeder at the Chicago .NET User Group.
• Microsoft, Google and Cookie Authentication and Authorization - January 15, 2020 - This video by Microsoft covers how you can use authentication and authorization within your Blazor application.
• Adding content management using Kentico Kontent - January 15, 2020 - Adding content management using Kentico Kontent to a Blazor app.
• .NET Conf session: Blazor for Web Form and C# Developers - January 14, 2020 - "Blazor for Web Form and C# Developers" by Jeff Fritz, session of the .NET Conf "Focus on Blazor". This session covers how you can use Blazor within your Web Form applications.
• .NET Conf session: Build Serverless Apps with Blazor - January 14, 2020 - "Build Serverless Apps with Blazor" by Daria Grigoriu and Fabio Cavalcante, session of the .NET Conf "Focus on Blazor". This session covers how you can build serverless Blazor applications.
• .NET Conf session: Scaling Blazor Server Apps with Azure - January 14, 2020 - "Scaling Blazor Server Apps with Azure" by Ryan Nowak, session of the .NET Conf "Focus on Blazor". This session covers how you can scale your Blazor applications with Azure.
• .NET Conf session: Microsoft, Google and Cookie Authentication and Authorization - January 14, 2020 - "Microsoft, Google and Cookie Authentication and Authorization" by Michael Washington, session of the .NET Conf "Focus on Blazor". This session covers how you can use authentication and authorization within your Blazor application.
• .NET Conf session: Authoring Custom Components - January 14, 2020 - "Authoring Custom Components" by Ed Charbeneau, session of the .NET Conf "Focus on Blazor". This session covers how you can create custom Blazor components.
• .NET Conf session: Mobile Blazor Bindings - Using Blazor to build mobile apps - January 14, 2020 - "Mobile Blazor Bindings - Using Blazor to build mobile apps" by Eilon Lipton, session of the .NET Conf "Focus on Blazor". This session covers how you can use Blazor to build great mobile applications.
• .NET Conf session: Testing Blazor Components - January 14, 2020 - "Testing Blazor Components" by Egil Hansen, session of the .NET Conf "Focus on Blazor". This session covers different ways to test the Blazor components.
• .NET Conf session: JavaScript Two-Way Interop - January 14, 2020 - "JavaScript Two-Way Interop" by Javier Calvarro Nelson, session of the .NET Conf "Focus on Blazor". This session covers cover how you can use custom JavaScript within your Blazor components.
• .NET Conf session: State Management in Blazor Apps - January 14, 2020 - "State Management in Blazor Apps" by Jeremy Likness, session of the .NET Conf "Focus on Blazor". This session covers how you can enable statement management within your Blazor applications.
• .NET Conf session: Create a great UX with Blazor - January 14, 2020 - "Create a great UX with Blazor" by Jimmy Engstrom, session of the .NET Conf "Focus on Blazor". This session covers how we can create a great UX flow with Blazor.
• .NET Conf session: Routing A-Z - January 14, 2020 - "Routing A-Z" by Chris Sainty, session of the .NET Conf "Focus on Blazor". This session covers how routing works within Blazor and its components.
• .NET Conf session: Welcome to Blazor - January 14, 2020 - "Welcome to Blazor" by Dan Roth, session of the .NET Conf "Focus on Blazor".
• .NET Conf "Focus on Blazor" - Video of the complete event. 8 hours of great information about Blazor, enjoy!
• .NET Conf: Focus on Blazor Teaser - January 9, 2020 - In this episode, Robert is joined by Daniel Roth, who provides a look at the upcoming (Tuesday January 14) .NET Conf: Focus on Blazor. This is a free, one-day livestream event that features speakers from the community and .NET product teams that are working on building web apps with C# and Blazor. He also gives a nice overview of Blazor.
• Create new Blazor CRUD application with Radzen - January 7, 2020 - How to create new Blazor CRUD application from Microsoft SQL Server database using Radzen.
• Blazor Forms with Validation - Part IV - January 1, 2020 - This video will show you how to include a radio button, checkbox, and select/dropdown in a blazor form. There are a couple of options when working with the select and this video takes you through them.
• Blazor Forms with Validation - Part III - January 1, 2020 - This video shows you how to add validation messages at the field level instead of or in addition to at the form level.
• Blazor Forms with Validation - Part II - December 30, 2019 - The prior video had one minor issue. Did you catch it? This video shows you what it is and gives you 2 different ways to address it.
• Blazor Forms with Validation - Part I - December 30, 2019 - This video shows you how to use the Editform and Input components to create a form and integrate it with validation.
• Blazor Tutorial : Handling Exceptions - December 30, 2019 - Blazor Tutorial : Handling Exceptions.
• AutoComplete in Blazor - December 29, 2019 - How to use the Blazored.Typeahead AutoComplete Combobox in Blazor.
• Blazor StateHasChanged - December 19, 2019 - Blazor StateHasChanged: Mixing Razor Pages and Blazor.
• Add Razor Component with parameter to an MVC App - December 19, 2019 - This video shows you how to migrate a .net core 2.2 MVC app to .net core 3.1, then add a razor component with a parameter to the MVC app.
• Integrate Bootstrap and navigation into our app - December 18, 2019 - This video shows you how to integrate Bootstratp into our App to add a nicer looking UI and navigation.
• What is Blazor? What are Razor Components? - December 17, 2019 - This video shows what Blazor is and how Razor Components are the core piece of Razor. It then shows you various ways to use Razor Components in a demo project.
• Blazor Tutorial : Authentication | Custom AuthenticationStateProvider - December 13, 2019 - Blazor Tutorial : Authentication | Custom AuthenticationStateProvider.
• Blazor WebAssembly to GitHub Pages site - December 14, 2019 - The video shows you how to take the Microsoft Blazor WebAssembly template and add it as your GitHub Pages site.
• From console app to blazor app in about 20 minutes - December 14, 2019 - Shows you how to create a Blazor Application from a Console Application using Visual Studio 2019 and .Net Core 3.1.
• Visual Studio 2019 & .Net Core 3.1 SDK Install - December 13, 2019 - Install and verify Visual Studio 2019 and .Net Core 3.1 SDK.
• Blazor StateHasChanged - December 9, 2019 - Blazor StateHasChanged: Hot take on hot questions from the community.
• Blazor for Web Forms Developers - Components to make migration easier - December 5, 2019 - Blazor for Web Forms Developers - Components to make migration easier.
• Building Serverless web applications with Blazor and Azure Functions - December 5, 2019 - Building Serverless web applications with Blazor and Azure Functions, on Channel 9.
• Blazor Update with Daniel Roth - December 3, 2019 - ASP.NET Community Standup - Dec 3rd, 2019 - Blazor Update with Daniel Roth.
• Blazor Tutorial : Authentication | Out of the box - December 3, 2019 - Blazor Tutorial : Authentication | Out of the box.
• Share Blazor Pages and JavaScript across assemblies - November 17, 2019 - Share Blazor Pages and JavaScript across assemblies.
• Blazor Server : Razor Components | Lifecycle Methods - November 11, 2019 - Lifecycle Methods, Going through the life cycle of page/component in Blazor Apps. Source code.
• Archives - 2019, 2018, 2017.

Articles

• Blazor WebAssembly 3.2.0 now available - May 19, 2020 - Blazor WebAssembly 3.2.0 now available.
• EF Core and Cosmos DB with Blazor WebAssembly - May 14, 2020 - EF Core and Cosmos DB with Blazor WebAssembly.
• Blazor interview questions and answer - May 14, 2020 - Blazor interview questions and answer.
• Building a Progressive Web App with Blazor - May 13, 2020 - Building a Progressive Web App with Blazor.
• Telerik UI for Blazor: 40+ Native Components with Telerik R2 2020 Release - May 13, 2020 - Telerik UI for Blazor: 40+ Native Components with Telerik R2 2020 Release.
• Unit Testing Blazor Components with bUnit and JustMock - May 11, 2020 - Unit Testing Blazor Components with bUnit and JustMock.
• Auto saving form data in Blazor - May 5, 2020 - Auto saving form data in Blazor.
• Blazor WebAssembly 3.2.0 Release Candidate now available - April 30, 2020 - Blazor WebAssembly 3.2.0 Release Candidate now available. The Blazor WebAssembly Release Candidate is here! This release contains all of the features and improvements that we expect to release for the upcoming Blazor WebAssembly release. There are no more breaking changes planned at this point.
• Quickly transform any mockup or design into a working Blazor prototype - April 29, 2020 - Quickly transform any mockup or design into a working Blazor prototype.
• Copy to Clipboard in Blazor - April 29, 2020 - Copy to Clipboard in Blazor.
• Stripe customer credit card payment with Blazor - April 27, 2020 - In the previous tutorial, you learned how to link a Stripe Connect account with a local user store in a Blazor application. If, instead, you need a way to collect payment information from your customers, this tutorial will help you understand the Stripe customer flow. Source code.
• Blazor WebAssembly 3.2.0 Preview 5 release now available - April 23, 2020 - Blazor WebAssembly 3.2.0 Preview 5 release now available.
• CSS is hard, Blazor and Tailwind CSS makes it easier - April 22, 2020 - CSS is hard, Blazor and Tailwind CSS makes it easier.
• Telerik UI for Blazor 2.11.0 - April 22, 2020 - Telerik UI for Blazor 2.11.0: New Grid Features, Scheduler Improvements, Wasm 3.2.0 Preview 4 and More.
• Mobile Blazor Bindings - Navigation and Xamarin Essentials - April 21, 2020 - Mobile Blazor Bindings - Navigation and Xamarin Essentials.
• Playing audio files in a Blazor application - April 20, 2020 - Playing audio files in a Blazor application.
• Stripe Connect Express and Blazor - April 20, 2020 - Stripe Connect Express and Blazor. Source code.
• Blazor WebAssembly 3.2.0 Preview 4 release now available - April 16, 2020 - Blazor WebAssembly 3.2.0 Preview 4 release now available.
• Mobile Blazor Bindings - State Management and Data - April 14, 2020 - Mobile Blazor Bindings - State Management and Data.
• Stripe.NET Create Stripe Webhooks Receiver - April 13, 2020 - Stripe.NET Create Stripe Webhooks Receiver.
• Blazor: Handling 404s with IIS - April 9, 2020 - Blazor: Handling 404s with IIS.
• Mobile Blazor Bindings - Layout and Styling - April 7, 2020 - Second post in the series: Mobile Blazor Bindings for Web Developers by Chris Sainty.
• Securing Blazor WebAssembly with Identity Server 4 - April 6, 2020 - Securing Blazor WebAssembly with Identity Server 4.
• Mobile Blazor Bindings - Getting Started - April 1, 2020 - Introduction by Chris Sainty to the Mobile Blazor Bindings (MBB) project, what it is, why you might be interesting in trying it, what is and isn't available and we'll finish with creating our first app.
• Routing in Blazor Apps - March 30, 2020 - In this post, App Dev Manager Billy Sun compares routing of popular web frameworks and Blazor.
• Updating JSON Validate to Blazor 3.2.0 Preview 3 - March 29, 2020 - Updating JSON Validate to Blazor 3.2.0 Preview 3.
• Blazor WebAssembly Marches On to GA: Now Debug from Visual Studio, VS Code - March 27, 2020 - Blazor WebAssembly Marches On to GA: Now Debug from Visual Studio, VS Code, on Visual Studio Magazine.
• Blazor WebAssembly 3.2.0 Preview 3 release now available - March 26, 2020 - Official post from Microsoft, by Dan Roth. Blazor WebAssembly 3.2.0 Preview 3 release now available.
• Adventures with Blazor: my first component, a busy button - March 26, 2020 - Adventures with Blazor: my first component, a busy button.
• Mocking Injected Types in Blazor - March 26, 2020 - Mocking Injected Types in Blazor.
• Working with Query Strings in Blazor - March 25, 2020 - This post covers how to deal with Query Strings in Blazor.
• Why you should use Blazor over JavaScript Frameworks - March 24, 2020 - Why you should use Blazor over JavaScript Frameworks to build your single-page application.
• Replacing AJAX calls in Razor Pages with Razor Components and Blazor - March 24, 2020 - Replacing AJAX calls in Razor Pages with Razor Components and Blazor.
• Introduction to .NET 5 for ASP.NET Developers - March 23, 2020 - Introduction to .NET 5 for ASP.NET Developers.
• How To Keep Js Object Reference In Blazor - March 21, 2020 - How to keep Javascript object reference in Blazor on .NET side?
• Using Highcharts with Blazor - March 21, 2020 - Using Highcharts with Blazor.
• CSS live reloading on Blazor - March 20, 2020 - CSS live reloading on Blazor.
• Unifying .NET 5 arrives in Preview 1 - March 17, 2020 - Microsoft released .NET 5 Preview 1, the first iteration of what will become one framework to handle all .NET development projects.
• Blazor - Reload the browser on disconnect - March 14, 2020 - Blazor - Reload the browser on disconnect.
• The Open Source Project that Wants to Reboot Silverlight - March 13, 2020 - OpenSilver uses impressive tech to run Microsoft’s stone-dead app platform, Silverlight.
• Blazor WebAssembly 3.2.0 Preview 2 release now available - March 11, 2020 - Blazor WebAssembly 3.2.0 Preview 2 release now available, by Daniel Roth from Microsoft.
• Blazor WebAssembly tackles progressive web apps - March 11, 2020 - Blazor WebAssembly tackles progressive web apps, by David Ramel for Visual Studio Magazine.
• New Blazor and CSLA .NET Book - March 11, 2020 - New Blazor and CSLA .NET Book. Link to buy it.
• Blazor Shopping Cart Sample using Local Storage to Persist State - March 10, 2020 - Blazor Shopping Cart Sample using Local Storage to Persist State, by Carl Franklin.
• Open Source Silverlight replacement powered by WebAssembly debuts - March 9, 2020 - Open Source Silverlight replacement powered by WebAssembly debuts.
• Event Aggregator for Blazor updated to 2.0.0 - March 8, 2020 - Event Aggregator for Blazor updated to 2.0.0.
• Blazor WASM Debugging Planned for Visual Studio - March 3, 2020 - Blazor WASM Debugging Planned for Visual Studio, on Visual Studio Magazine.
• Integrating Tailwind CSS with Blazor using Gulp - Part 2 - March 3, 2020 - Integrating Tailwind CSS with Blazor using Gulp - Part 2.
• What's the Difference Between Blazor vs Razor - March 2, 2020 - What is Razor? How does it relate to Blazor, and which should you be using? Learn the difference between Blazor and Razor and how to use them in your web applications.
• Re-Using Angular Components In A Blazor WebAssembly Application Using Angular Elements - March 2, 2020 - Re-Using Angular Components In A Blazor WebAssembly Application Using Angular Elements - Web Components Custom Elements.
• How to send callback method to JSInterop in Blazor? - February 29, 2020 - How to send callback method to JSInterop in Blazor?
• Yet another way to changing the page title in Blazor, and more - February 2020, 27 - Yet another way to changing the page title in Blazor, and more.
• GitHub Project Provides 300-Plus Samples of ASP.NET Core/Blazor Fundamentals - February 27, 2020 - A GitHub project providing more than 300 code samples to illustrate ASP.NET Core fundamentals has amassed more than 4,100 stars.
• What’s behind the hype about Blazor? - February 26, 2020 - Blazor is a new client-side UI framework from the ASP.NET team. Its big selling point is the ability to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript—something a lot of developers have been dreaming of. By Chris Sainty.
• Use Blazor and C# to host a static website in Azure Storage - February 24, 2020 - Use Blazor and C# to host a static website in Azure Storage by Michael Crump.
• From WebForms to Blazor? - February 24, 2020 - From WebForms to Blazor?.
• Blazor live reload preview - February 23, 2020 - In react we have hot module replacement this feature allows us to change code and see changes immediately in your browser. We can make a similar feature in blazor using Roslyn compiler. Compiling down razor components in runtime and serving with WebSockets on every file change using file watcher. Source code.
• TeeChart for .NET with Razor and Blazor under Net.Core 3 - February 20, 2020 - TeeChart for .NET with Razor and Blazor under Net.Core 3.
• Hundreds of practical ASP.NET Core samples to learn the fundamentals - February 19, 2020 - Hundreds of practical ASP.NET Core samples to learn the fundamentals, and there are great samples about Blazor.
• Is Blazor For Everyone? - February 18, 2020 - Is Blazor For Everyone?, by Carl Franklin.
• Hosting a Blazor App in WinUI 3 with WebView2 and call a Blazor Component Method from WinUI - February 18, 2020 - Hosting a Blazor App in WinUI 3 with WebView2 and call a Blazor Component Method from WinUI.
• Running Your ASP.NET Core Blazor WebAssembly Application As A Progressive Web App (PWA) - February 18, 2020 - Running Your ASP.NET Core Blazor WebAssembly Application As A Progressive Web App (PWA).
• Integrating Tailwind CSS with Blazor using Gulp - Part 1 - February 18, 2020 - Integrating Tailwind CSS with Blazor using Gulp - Part 1.
• Dashboard for Blazor - How to use Web Dashboard within your Blazor Apps - February 17, 2020 - Dashboard for Blazor - How to use Web Dashboard within your Blazor Apps, by DevExpress. This post covers how to integrate the HTML JavaScript Dashboard into a Blazor applications and focus on integration details and create a sample dashboard application as well.
• Creating a multi-language translator using Blazor and Azure Cognitive Services - February 17, 2020 - Creating a multi-language translator using Blazor and Azure Cognitive Services.
• Initializing Web Components in Blazor via JS Interop - February 14, 2020 - Initializing Web Components in Blazor via JS Interop. Source code.
• Blazor WebAssembly Rest Client - February 14, 2020 - This article focuses on client-side rendering and explains how to use RestClient.Net to make calls to a RESTful API. Source code.
• Mono: From Xamarin to WebAssembly, Blazor, and .NET 5 - Q&A with Miguel de Icaza - February 13, 2020 - Mono: From Xamarin to WebAssembly, Blazor, and .NET 5 - Q&A with Miguel de Icaza.
• Profiling in Blazor - February 12, 2020 - How to profile a production Blazor client-side app?
• Microsoft Blazor Enables Native App Development in C# and .NET - February 12, 2020 - Microsoft Blazor Enables Native App Development in C# and .NET.
• Rider 2019.3.2 is available - February 12, 2020 - Rider 2019.3.2 by JetBrains is available, with improved Blazor support.
• Tinkering with client-side Blazor and the AWS SDK for .NET - February 11, 2020 - Tinkering with client-side Blazor and the AWS SDK for .NET.
• Why Blazor, via WebAssembly, is the future - February 11, 2020 - Why Blazor, via WebAssembly, is the future.
• Announcing Experimental Mobile Blazor Bindings February update - February 10, 2020 - Announcing Experimental Mobile Blazor Bindings February update.
• Experimental Mobile Blazor Bindings gets new components - February 10, 2020 - Experimental Mobile Blazor Bindings gets new components.
• Blazor by Example - A spot of refactoring - February 10, 2020 - Blazor by Example - A spot of refactoring. Source code.
• Multi-Language Translator Using Blazor And Azure Cognitive Services - February 10, 2020 - Multi-Language Translator Using Blazor And Azure Cognitive Services.
• Mobile Blazor Bindings – Getting Started + Why You Should Care - February 5, 2020 - Mobile Blazor Bindings – Getting Started + Why You Should Care.
• Fragment Routing with Blazor - February 4, 2020 - Fragment routing, or linking, is the term given when linking to a specific element on a page, say a header for example. This technique is often used in FAQ pages or technical documentation and links using this technique look like this, www.mysite.com/faq#some-header. This post covers how to do this with Blazor.
• Blazor WebAssembly, Monaco and Antlr – Building the AutoStep Editor as a Blazor App - February 3, 2020 - Blazor WebAssembly, Monaco and Antlr – Building the AutoStep Editor as a Blazor App.
• Blazor by Example - Build a simple traffic light - February 3, 2020 - Blazor by Example - Build a simple traffic light. Source code.
• Intro to Blazor and Creating a Blazor App from Scratch - February 3, 2020 - Intro to Blazor and Creating a Blazor App from Scratch. Source code.
• Reuse Blazor WASM UI in Blazor Server - February 2, 2020 - Reuse Blazor WASM UI in Blazor Server using a technique showed by Steve Sanderson at the NDC London.
• Containerizing Blazor Apps - January 31, 2020 - Containerizing Blazor Apps.
• Building experimental hybrid Blazor WebAssembly application - January 30, 2020 - Building experimental hybrid Blazor WebAssembly application, by Gunnar Peipman.
• Telerik UI for Blazor 2.7.0 - January 30, 2020 - Telerik UI for Blazor 2.7.0 - MultiSelect, New Grid Features, WebAssembly Support and More.
• Microsoft Blazor to become mainstream in 2020 - January 29, 2020 - Microsoft Blazor to become mainstream in 2020.
• What's New in Third-Party Blazor Tooling - January 29, 2020 - What's New in Third-Party Blazor Tooling.
• Exploring WebWindow examples for Blazor on desktop - January 29, 2020 - Exploring WebWindow examples for Blazor on desktop.
• Test Your Jsinterop Code With Cypress - January 29, 2020 - Test your JSInterop code with cypress.io.
• Blazor WebAssembly 3.2.0 Preview 1 release now available - January 28, 2020 - Blazor WebAssembly 3.2.0 Preview 1 release now available.
• How to implement plug-in on C# Blazor for native JavaScript application - January 28, 2020 - How to implement plug-in on C# Blazor for native JavaScript application. Open API Scheme Diagram For Draw.io.
• Blazor by Example - Build a simple markdown editor - January 27, 2020 - Blazor by Example - Build a simple markdown editor.
• Suppressing Events in Blazor and ASP.NET Core Version 3.1 - January 27, 2020 - ASP.NET Core Version 3.1 adds some new features for managing events in Blazor. You may think you'll never need them, but there may be a time when you'll be glad to know about at least one of them.
• Getting Started with Blazor Server Apps in Visual Studio for Mac - January 22, 2020 - Getting Started with Blazor Server Apps in Visual Studio for Mac.
• Blazor's Future: gRPC Is Key - January 21, 2020 - Blazor's Future: gRPC Is Key, by the Visual Studio Magazine.
• Embedding Power BI in Blazor - January 21, 2020 - You can embed Power BI reports into a Server Side Blazor Application. This method allows you to display a Power BI report without requiring the user to have a Power BI account.
• Avoiding Parking Fines with Blazor and Geolocation - January 20, 2020 - Avoiding Parking Fines with Blazor and Geolocation. Source code.
• 6 Blazor component libraries to speed up your development - January 20, 2020 - 6 Blazor component libraries to speed up your development.
• Using NSwag to Generate Blazor Server Client for an ASP.NET Core 3.1 API - January 19, 2020 - Using NSwag to Generate Blazor Server Client for an ASP.NET Core 3.1 API.
• The Future of Blazor is Native Apps - January 18, 2020 - Microsoft imagines a future where Blazor runs on desktop and mobile — without WebAssembly.
• Should I Peek Blazor? - January 16, 2020 - Should I Peek Blazor?
• Web developers: Microsoft Blazor lets you build native iOS, Android apps in C#, .NET - January 16, 2020 - Microsoft offers a new tool for building native iOS and Android apps in programming language C# and .NET.
• Using gRPC-Web with Blazor WebAssembly - January 15, 2020 - gRPC-Web is a convenient, high-performance alternative to JSON-over-HTTP for single-page applications, by Steve Sanderson.
• Announcements from .NET Conf: Focus on Blazor - January 15, 2019 - Announcements from .NET Conf: Focus on Blazor.
• Announcing Experimental Mobile Blazor Bindings - January 14, 2020 - Announcing Experimental Mobile Blazor Bindings.
• Blazor State Management - January 14, 2020 - Blazor State Management, don't forget to add memory to your Blazor apps.
• Blazor Azure AD B2C Custom URL - January 13, 2020 - Blazor Azure AD B2C Custom URL.
• OData API, EF Core, and Blazor - January 7, 2020 - Learn how to configure an OData API, integrate it with Entity Framework Core, and call the API from a server-side Blazor front-end targeting .NET Core 3.1.
• Integrating Blazor Components into Existing Asp.Net Core MVC Applications - January 7, 2020 - Integrating Blazor Components into Existing Asp.Net Core MVC Applications.
• What’s Old is New Again – Web Forms meets Blazor - January 6, 2020 - What’s Old is New Again – Web Forms meets Blazor.
• Re-Using Angular components in a Blazor WebAssembly application using Angular Elements - January 2, 2020 - Re-Using Angular components in a Blazor WebAssembly application using Angular Elements - Web Components custom elements, FTW!
• Display spinner on each API call automatically in Blazor - January 2, 2020 - Display spinner on each API call automatically in Blazor. Source code here.
• gRPC With Blazor, C# And .Net Core - January 2, 2020 - gRPC With Blazor, C# And .Net Core.
• Bolero enables writing F# apps running in WebAssembly using Blazor - December 31, 2019 - Bolero enables writing F# apps running in WebAssembly using Blazor.
• Blazor easy access token management - December 30, 2019 - Blazor easy access token management.
• Hosting Blazor applications on GitHub Pages - December 29, 2019 - Hosting Blazor applications on GitHub Pages.
• Install a blazor app as globaltool and service - December 29, 2019 - Install a blazor app as globaltool and service.
• Creating anchor links in Blazor applications - December 28, 2019 - Creating anchor links in Blazor applications.
• How Blazor is going to change Web Development - December 27, 2019 - How Blazor is going to change Web Development.
• Blazor and network status - December 25, 2019 - Making Blazor reusable component for PWA application that reacts to disconnection from the internet.
• Cache IdentityServer4 Access Token Blazor - December 20, 2019 - Cache IdentityServer4 Access Token Blazor. Source code.
• How to Build an Interactive SPA with Blazor - December 18, 2019 - How to Build an Interactive SPA with Blazor. Source code.
• How to Perform CRUD Operations Using Blazor Preview 9 and Entity Framework Core 3.0 - December 18, 2019 - How to Perform CRUD Operations Using Blazor Preview 9 and Entity Framework Core 3.0. Source code.
• App Settings in Client-Side Blazor - December 17, 2019 - Get environment specific app settings into Client Side Blazor.
• Introduction to Blazor Component Testing - December 17, 2019 - Introduction to Blazor Component Testing.
• Adaptive Cards for Blazor 2.0.0 released with support for .NET Core 3.1 - December 17, 2019 - Adaptive Cards for Blazor 2.0.0 released with support for .NET Core 3.1.
• Getting Started with Blazor: All There is to Know From the Experts - December 13, 2019 - A chat with some of the most active members of the Blazor community.
• Blazor Consume IdentityServer4 Protected API - December 12, 2019 - Blazor Consume IdentityServer4 Protected API. Source code.
• Blazor: Chained Binds - December 12, 2019 - Blazor: Chained Binds.
• Optimising Our Blazor Search App - December 11, 2019 - Optimising Our Blazor Search App.
• MSGraph with Blazor - December 10, 2019 - MSGraph with Blazor.
• Creating Bespoke Input Components for Blazor from Scratch - December 10, 2019 - Creating Bespoke Input Components for Blazor from Scratch.
• Modular Monoliths And Composite UIs With .NET Core Razor Class Libraries - December 10, 2019 - Modular Monoliths And Composite UIs With .NET Core Razor Class Libraries. Code.
• A Blazor image file manager - December 9, 2019 - A Blazor image file manager.
• Creating a simple wizard component with Blazor - December 8, 2019 - Creating a simple wizard component with Blazor.
• Use Blazor in your existing ASP.NET Core 3.x application - December 4, 2019 - Use Blazor in your existing ASP.NET Core 3.x application.
• ASP.NET Core updates in .NET Core 3.1 - December 3, 2019 - ASP.NET Core updates in .NET Core 3.1.
• Building Custom Input Components for Blazor using InputBase - December 3, 2019 - Building Custom Input Components for Blazor using InputBase.
• Localization in Blazor UI - December 3, 2019 - Localization in Blazor UI, by Telerik. Code sample .
• Blazor, HttpClientFactory, and Web API - December 2, 2019 - Create a server-side Blazor application that interacts with an external web API using HttpClientFactory. Source code .
• Hosting a Containerized Client Side Blazor Application On Azure - December 2, 2019 - Hosting a Containerized Client Side Blazor Application On Azure.
• Archives - 2019, 2018, 2017.

Podcasts

• Michael Washington on the State of Blazor - May 11, 2020 - In this episode of Azure DevOps Podcast, Jeffrey Palermo is speaking with Michael Washington about Blazor in-depth. They discuss the current state of Blazor; Oqtane, a modular application framework for Blazor; server-side Blazor apps; Radzen, a low-code, RAD solution; his books on the topic of Blazor; and his advice, tips, recommendations, and resources for Blazor as well.
• Blazor with guest Carl Franklin - March 9, 2020 - Carl Franklin is the guest to Weekly Dev Tips. Carl Franklin and Steve Smith (aka Ardalis) discuss Blazor in general and look at how to create a generic object picker control for Blazor.
• Podcast: Occam’s Blazor - January 14, 2020 - Podcast by Stack Overflow.
• .NET Core 3 Launch with Scott Hunter - September 26, 2019 - .NET Rocks Podcast, episode 1654: .NET Core 3 Launch with Scott Hunter.
• Moving from Web Forms to Blazor with Jeff Fritz - September 12, 2019 - .NET Rocks Podcast, episode 1652: Moving from Web Forms to Blazor with Jeff Fritz.
• 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.
• Building Applications using Server-Side Blazor with Shaun Walker - August 22, 2019 - .NET Rocks! podcast, episode 1649: Building Applications using Server-Side Blazor with Shaun Walker.
• Daniel Roth on Blazor - July 29, 2019 - Azure DevOps Podcast, Episode 47: Daniel Roth on Blazor DevOps.
• Blazor with Ed Charbeneau - July 17, 2019 - Coding After Work podcast, Episode 43 – Blazor with Ed Charbeneau.
• MS Dev Show - Blazor with Ed Charbeneau - June 24, 2019 - MS Dev Show - Blazor with Ed Charbeneau.
• .NET Core Show Podcast, Episode 27 - Blazored with Chris Sainty - June 14, 2019 - .NET Core Show Podcast, Episode 27 - Blazored with Chris Sainty.
• Blazor with Ed Charbeneau - June 10, 2018 - The 6 Figure Developer Podcast, Episode 095 – Blazor with Ed Charbeneau.
• Blazor - You Want To Run .NET Where?! - May 17, 2019 - .NET Core Show - Episode 25 - Blazor - You Want To Run .NET Where?!
• The Cynical Developer - Blazor - February 18, 2019 - Episode 108 of The Cynical Developer - Blazor.
• Blazor in 2019 with Steve Sanderson and Dan Roth - February 14, 2019 - .NET Rocks, Blazor in 2019 with Steve Sanderson and Dan Roth.
• Archives - 2018, 2017.

Presentations slides

• Blazor, a new framework for browser-based .NET apps - January 29, 2020 - Source code of the session by Steve Sanderson at the NDC London, "Blazor, a new framework for browser-based .NET apps".
• Blazor in more depth - January 28, 2020 - Blazor in more depth by Steve Sanderson and Ryan Nowak at the NDC London 2020. Presentation of Steve Sanderson. Presentation of Ryan Nowak.
• Authoring custom components - .NET Conf "Focus on Blazor" - January 14, 2020 - Slides and demo of the presentation by Ed Charbeneau at the .NET Conf "Focus on Blazor".
• Routing A-Z - .NET Conf "Focus on Blazor" - January 14, 2020 - Slides and demo of the presentation by Chris Sainty at the .NET Conf "Focus on Blazor" about routing.
• Blazor, a new framework for browser-based .NET apps - June 20, 2019 - Blazor, a new framework for browser-based .NET apps, by Steve Sanderson at the NDC Oslo.
• Hidden gems in ASP.Core and .NET Core 3.0 - June 19, 2019 - Hidden gems in ASP.Core and .NET Core 3.0, by David Fowler and Damian Edwards at the NDC Oslo.
• Meet the production-ready Blazor aka Razor Components - May 25, 2019 - Slides: PPTX.
• Iowa .NET User Group – Blazor: C# Running in the Browser via WebAssembly - May 2, 2019 - Slides: PDF or PPTX. Code: Blazor ToDoMVC and Blazor on Electron .
• WebAssembly, C#, and Blazor at CodeStock 2019 - April 16, 2019 - Slides: PDF. Demo's source code: GitHub .
• Archives - 2018.

Tooling

• Blazor Dev Server with CSS Live Reloader - Alternative Blazor Dev Server to be available CSS live reloading.
• BlazorFiddle - Blazor .Net Developer Playground and Code Editor in the Browser.
• Blazor Minimum Project Templates - A project templates package of Blazor apps without JavaScript and CSS libraries.
• Blazor Snippets Visual Studio Code extension - A Visual Studio Code extension that offers Blazor and Razor snippets.
• 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).
• .NET Core - .NET Core.
• Razor+ Visual Studio Code extension - A Visual Studio Code extension that offers improved Razor support.
• Visual Studio - Latest preview of Visual Studio.
• Visual Studio Code - Visual Studio Code, free, open source and cross-platform code editor.

Books

• Blazor Revealed - Blazor Revealed, Building Web Applications in .NET(Published February, 2019).
• Blazor Quick Start Guide: Build web applications using Blazor, EF Core, and SQL Server - Blazor Quick Start Guide: Build web applications using Blazor, EF Core, and SQL Server (Published October 31, 2018).

E-Books

• Blazor Succinctly - April 16, 2020 - A free e-book for starting with the Blazor framework.
• Blazor, A Beginners Guide - March 18, 2020 - A free e-book for getting started with the Blazor framework. Examples source code.
• Blazor for ASP.NET Web Forms developers - Blazor for ASP.NET Web Forms developers, a free e-book from Microsoft.
• Using CSLA 5: Blazor and WebAssembly - This book covers the new Blazor UI framework, including how to create server-side and client-side WebAssembly projects, how to implement authentication and authorization, and how to use data binding. It then covers how CSLA .NET supports Blazor, including walking through a complete sample app.
• 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
• Archives - 2018.

Courses

• Programming in Blazor - ASP.NET Core 3.1 - Create interactive web applications with C#, on Udemy.
• Creating Blazor Components - December, 2019 - Building a Blazor app is building components. This course is essential for gaining a good understanding of components. On Pluralsight.
• Authentication and Authorization in Blazor Applications - December, 2019 - Learn how to secure your Blazor application using a variety of best practice techniques for authentication and authorization. On Pluralsight.
• Blazor: Getting Started - December, 2019 - Learn how to build your first application in a hands-on way using Blazor, Microsoft's solution to use C# to write interactive web UIs without JavaScript. On Pluralsight.
• Blazor In-Depth Workshop (Blaze Invaders) - December 2019 - Blazor In-Depth Workshop (Blaze Invaders), on C# Academy. Learn serious Blazor concepts while building a working browser based game.
• Blazor and Razor Components in a nutshell - October 2019 - Learn how to use a framework that allows you to run your compiled code directly in the browser on top of WebAssembly, a course on Udemy.
• Blazor on ASP.NET Core 3.0 - October 2019 - Blazor on ASP.NET Core 3.0, a course on SkillShare.
• Blazor First Look on LinkedIn Learning - Blazor First Look on LinkedIn Learning. Source code .
• Free Blazor Training Course - DevExpress Blazor free training course Source code .

Community

• Awesome Blazor on Twitter - This repository's Twitter feed.
• Gitter - Blazor discussion on Gitter.
• Learn Blazor - Community documentation on Blazor.
• LightSwitch Help Website - Blogs and code samples primarily covering server-side Blazor (Razor Components).
• Practical samples of Blazor - Practical samples of Blazor.
• Practical samples of Blazor Server-Side - Practical samples of Blazor Server-Side.
• Stack Overflow - Blazor questions feed on Stack Overflow.
• Twitter - Hashtag on Twitter.
• WebAssemblyMan - Man page for Blazor and WebAssembly.

Other Languages

• Blaze of Code - [Portuguese] Blog about Blazor.
• Blazor.ru - [Russian] Old official documentation website translated in Russian.
• DevApps.be's podcast #44 - [French] DevApps.be's podcast #44: "Blazor et WebAssembly vont-ils tuer JavaScript ?".
• DevApps.be's podcast #47 - [French] DevApps.be's podcast #47: "Actualités : TypeScript, Uno, Angular, DocFX, Database".
• Modern web apps with Blazor - [Italian] Video about Blazor.
• Playlist - Programando en Blazor - [Spanish] Series of videos about Blazor.
• Insights from the oracle - [German] Blog about Blazor.

License

To the extent possible under law, Adrien Torris has waived all copyright and related or neighboring rights to this work.