Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-blazor
https://github.com/RobertUK/awesome-blazor
Last synced: 5 days ago
JSON representation
-
Courses
-
Others
- 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 on ASP.NET Core 3.0 - October 2019 - Blazor on ASP.NET Core 3.0, a course on SkillShare.
- Build a web app with Blazor WebAssembly and Visual Studio Code - Build a web app with Blazor WebAssembly and Visual Studio Code, on Microsoft Learn.
- DevOps and Docker Support for .NET Core Blazor Applications - June 2020 - DevOps and Docker Support for .NET Core Blazor Applications, on Udemy. This Docker Support Course with DevOps concepts using ASP.NET Core Blazor will teach you Dockerisation of Blazor Apps.
- 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.
- Getting Started with Blazor - June 2021 - Discover the Core Concepts of Blazor and learn to create web applications with ease.
- 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 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.
-
-
General
-
Get started
- GitHub repository -   The official Blazor repository (which is the ASP.NET Core repository).
- 30 seconds of Blazor - Collection of useful snippets, inspired by the popular 30 seconds of JavaScript and React.
- Blazor WebAssembly performance best practices - ASP.NET Core Blazor WebAssembly performance best practices, by Pranav Krishnamoorthy and Steve Sanderson.
- themesof.net - .NET 6 planning process.
- Blazor-Dev gallery on .NET Foundation - Daily builds of the 'dev' branch of Blazor.
- Blazor Extensions - Curated extensions for Microsoft ASP.Net Core Blazor.
- Demo - Official basic demo website.
- FAQ - FAQ.
- 'Hello World' sample - 'Hello World' sample.
- 30 seconds of Blazor - Collection of useful snippets, inspired by the popular 30 seconds of JavaScript and React.
-
-
Sample Projects
-
Authentication
- BlazorBoilerplate -   Real World Admin Dashboard / Starter kit with IdentityServer4 Material Design. [Demo](https://blazorboilerplate.com).
- 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](https://chrissainty.com/securing-your-blazor-apps-authentication-with-clientside-blazor-using-webapi-aspnet-core-identity/).
- TheIdServer -   OpenID/Connect server base on IdentityServer4.
- Blazor-WASM-Identity-gRPC -   Blazor WASM, IdentityServer4 & gRPC with roles authorization.
- Blorc.OpenIdConnect -  The right way to use OpenID Connect on Blazor.
- Blazor-WASM-AzureAD-gRPC -  Blazor WASM, Azure AD, REST & gRPC.
- Blazor-WASM-Auth0-gRPC -  Blazor WASM, [Auth0](https://auth0.com), REST & gRPC.
- Quiz manager secured by Auth0 -  This repository contains a Blazor WebAssembly application implementing a simple Quiz manager secured by [Auth0](https://auth0.com/). The implementation details are described in the following article: [Securing Blazor WebAssembly Apps](https://auth0.com/blog/securing-blazor-webassembly-apps/).
- Blazor-WASM-Identity-gRPC-Alexa -  Blazor WASM, IdentityServer4 , gRPC with roles authorization & Alexa Skill Backend.
-
Cloud
- EventGrid Viewer Blazor -   Blazor Server app that displays EventGrid messages in realtime & allows the ability to secure the app using Azure AD, KeyVault & Managed Identities.
- FairPlayTube -  Blazor Web Assembly app with .NET 5 Hosted API to teach how to create video sharing portals with Blazor, .NET and Azure.
- EventGrid Viewer Blazor -   Blazor Server app that displays EventGrid messages in realtime & allows the ability to secure the app using Azure AD, KeyVault & Managed Identities.
-
CMS
- Blogifier -    ASP.NET Core Blogging application with Blazor Admin Dashboard. [Demo](http://blogifier.net/blog).
- RapidCMS -   A code-first, extensible Blazor app that generates a CMS for your own database.
- JHipster.NET - dotnetcore?style=flat-square&cacheSeconds=604800)  [JHipster](https://www.jhipster.tech/) is a well-known platform for generating modern application in java world. [JHipster](https://www.jhipster.tech/) provides a blueprints system that allows to override the default behavior of the generator. JHipster.NET is a blueprint that overrides the back-end part, originally generated in spring boot, by back-end in asp.net core. For the front-end all the common language can be used (angular, react), including Blazor.
- BlazorShop -   Simple shop application built with Blazor WebAssembly.
- Atlas -   A forum software built with ASP.NET Core Blazor WebAssembly.
- StartBootstrap.Freelancer.Blazor -   Freelancer is a bootstrap template ideal for small portfolio web sites. It's powered by Kentico Kontent - a headless CMS with a comprehensive ecosystem for .NET developers.
- Umbraco9 & Blazor WASM Starter Site -  A simple starter site for Umbraco v9, making use of Blazor WebAssembly with Tailwind CSS/UI. A project that I use to play around and experiment with Umbraco 9, Blazor WebAssembly, TailwindCSS, the Block List Editor, and several other concepts.
- Atlas -   A forum software built with ASP.NET Core Blazor WebAssembly.
-
Games
- AsteroidsWasm -   Collection of .NET 5 C# applications consuming a single .NET Standard project running in: Blazor Client (WebAssembly), Blazor Server, Electron (via Blazor Server), WPF, WinForms, Xamarin. [Demo](https://aesalazar.github.io/AsteroidsWasm/).
- Trains.NET -   2D game built with .NET and C# on a [Twitch stream](https://www.twitch.tv/davidwengier). Trains is available to play online at https://wengier.com/Trains.NET
- DiabloBlazor -   Blazor port of DiabloWeb, making it a double WebAssembly app: a WebAssembly (C#) PWA hosting a WebAssembly (C++) game. [Demo](https://n-stefan.github.io/diabloblazor).
- Flappy Blazor Bird -   Blazor Flappy Bird's port. [[Wasm Demo]](https://flappyblazorbird.ctrl-alt-d.net) | [[Multiplayer Demo]](http://flappymmo.ctrl-alt-d.net/).
- Board Games -   [Fusion](https://github.com/servicetitan/Stl.Fusion) + Blazor sample and a fully functional web app allowing you to play real-time multiplayer board games. [Demo](https://github.com/alexyakunin/BoardGames).
- BlazorPong -  - Pong in Blazor server model and Wasm model using SignalR Core. [Server Demo](https://blazorpong-dev-as.azurewebsites.net). [Wasm Demo](https://blazorpongwasm.azurewebsites.net/).
- ZXSpectrum -  ZX Spectrum emulator running on Blazor WebAssembly. [Demo](https://zxspectrum.azurewebsites.net/).
- SoccerPong -  A soccer variant of classic Pong using Blazor WebAssembly. [Demo](https://mdeclerk.github.io/SoccerPong).
- ABlazorPong -  A classic Pong in Blazor WebAssembly, with sounds, without a single line of Javascript. [Demo](https://marcodiniz.github.io/ABlazorPong/).
- Game of Life -  Game of life.
- WordleBlazor -  Simple clone of popular Wordle game in Blazor. [Demo](https://wordleblazorapp.azurewebsites.net/).
- Minesweeper -  Minesweeper using C# and Blazor WebAssembly.
-
Hybrid
- desktoploveblazorweb -   [desktoploveblazorweb](https://github.com/congzhangzh/desktoploveblazorweb) is a cross-platform desktop application template (mobile support in the future) based on Blazor Server, which uses an in-process ASP.NET Core server + in-process OS WebView component.
- Blazorade Teams -  A Blazor component library that is designed to be used when building applications for Microsoft Teams. Be sure to also check out the initial announcement for Blazorade Teams.
- GraphQL in ASP.NET Core using HotChocolate -  GraphQL in ASP.NET Core using HotChocolate. Source code of this tutorial: [Consuming GraphQL API In ASP.NET Core](https://dev.to/jioophoenix/hotchocolate-introduction-to-graphql-for-asp-net-core-part-1-2e27).
- RemoteBlazorWebView -  RemoteBlazorWebView enables you to interact with the user interface of a program developed with either the BlazorWebView WPF control or WinForms control using a web browser.
- Photino -   Build native, cross-platform desktop apps that are lighter than light. Photino is a lightweight open-source framework for building native, cross-platform desktop applications with Web UI technology.
- BlazorInAngularDemo -  Demonstrates how an existing Angular app can be migrated to Blazor gradually by integrating Blazor components, including calling Angular service methods. [Demo](https://xenoage.github.io/BlazorInAngularDemo/).
- 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 + Umbraco Heartcore -  Example of using [Umbraco Heartcore](https://umbraco.com/products/umbraco-heartcore/) with Blazor.
-
IoT
- PresenceLight -   PresenceLight is a solution to broadcast your various statuses to a Phillips Hue or LIFX light bulb. Some statuses you can broadcast are: your availability in Microsoft Teams, your current Windows 10 theme, and a theme or color of your choosing. [Blog post](https://www.isaaclevin.com/post/presence-light). [Demo video](https://www.youtube.com/playlist?list=PL_IEvQa-oTVtB3fKUclJNNJ1r-Sxtjc-m).
- Meadow Weather -  In this sample, a Meadow microcontroller polls data from a LM35 temperature sensor. That data is sent via HTTP request to an API controller endpoint and stored in a database where it can be visualized in a chart using a Blazor web app.
-
Logging
- Logging.Samples -  Samples for .NET Core and ASP.NET Core logging using various logger frameworks.
-
Machine Learning
- optimizer.ml -   A "server-less" general purpose optimization suite for algorithm parameters. Also provides offline optimization of [Quantconnect Lean](https://github.com/QuantConnect/Lean) trading algorithms. [Demo (https://optimizer.ml)](https://optimizer.ml).
- Baseball Machine Learning Workbench -   A web application that showcases performing what-if analysis using in-memory Machine Learning models. [Live demo](https://baseballmlworkbench-v1.azurewebsites.net).
- BlazorML5 -  ML5 Machine Learning for Blazor with JSInterop mechanism.
- 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.
-
Mobile
- Mobile Blazor Bindings - Experimental Mobile Blazor Bindings - Build native mobile apps with Blazor.
- Mobile Blazor Bindings - Experimental Mobile Blazor Bindings - Build native mobile apps with Blazor.
-
Rapid Development Framework
- WalkingTec.Mvvm (WTM) -   A development framework based on .NET Core and EF. It supports Blazor, Vue, React and LayUI with one click code generation for CRUD, Import/Export, etc. [Website](https://wtmdoc.walkingtec.cn).
-
ToDos
- Bolero.TodoMVC -   A TodoMVC clone using Bolero.
-
Others
- CleanArchitecture -   Clean Architecture Template for Blazor WebAssembly Built with MudBlazor Components.
- Oqtane Framework -   Modular Application Framework for Blazor.
- BlazorFileReader -   Read-only File streams in Blazor. [Demo](https://tewr.github.io/BlazorFileReader/).
- BlazorChatSample -   Blazor chat demo using SignalR JS client with interop.
- BlazorCRUD -   Sample line of business application that illustrates key features of Blazor. [Demo](https://becksblazor.azurewebsites.net/).
- Money -   A money manager implemented using CQRS+ES. [Demo](https://app.money.neptuo.com/).
- 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](https://aka.ms/blazorweather).
- Blazor.SVGEditor -   A basic HTML SVG Editor written in Blazor WASM. [Demo](https://kristofferstrube.github.io/Blazor.SVGEditor/).
- NethereumBlazor -   Ethereum blockchain explorer and simple wallet.
- BlazorDynamicList -   Dynamic component binding for a generic list. [Demo](https://blazordynamiclist.azurewebsites.net/).
- WebSocketPage -   Web Socket in Blazor. [demo](https://lupblazordemos.z13.web.core.windows.net/WebSocketPage).
- Planetary Docs -    This repository is intended to showcase a full application that supports Create, Read, Update, and Delete operations (CRUD) using Blazor (Server), Entity Framework Core and Azure Cosmos DB. This repository is upgraded to .NET 6 and EF Core 6.
- FFmpegBlazor -   FFmpegBlazor provides ability to utilize ffmpeg.wasm from Blazor Wasm C#. [ffmpeg.wasm](https://github.com/ffmpegwasm/ffmpeg.wasm)   is a pure Webassembly / Javascript port of FFmpeg. It enables video & audio record, convert and stream right inside browsers.
- Planning Poker - commit/duracellko/planningpoker4azure?style=flat-square&cacheSeconds=86400) 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](http://planningpoker.duracellko.net).
- C# Regex Tester online -  Online tool for verify .Net regex syntax. ([Demo](https://lsvhome.github.io/regex-tester/)).
- C# Regex Online tool -  Online tool for verify .Net regex syntax, see splits list, table etc. ([Demo](https://dotnet-regex.com/)).
- Cognitive Studio -  PWA enabled app used to showcase what Cognitive Services can do, built-in client-side Blazor. [Demo](https://cognitivestudio.dev/).
- Blazor Wake-on-LAN -  Wake-on-LAN app for local networks. Blazor Server + EF Core + DI + CI.
- Dcidr -  Blazor WebAssembly decision-making app with PWA (offline), localstorage, and Excel export. [Demo](https://dcidr.z20.web.core.windows.net/).
- BlazingWaffles -  A Blazor app that wraps [Waffle Generator](https://github.com/SimonCropp/WaffleGenerator). The generator outputs readable gibberish that can be used in place of Lorum Ipsum. [Demo](http://wafflegen.azurewebsites.net/).
- Cærostris -  A Blazor Spotify client.
- Nethereum Playground -  Compile and run Nethereum snippets on the browser. You can run it here: http://playground.nethereum.com/.
- Realtime chat app with WebAssembly -  Real-time chat application with SignalR, .NET and Blazor/WebAssembly.
- BlazorConduit -  The [RealWorld](https://realworld.io) example app written using Blazor. [Demo](https://blazor-conduit.netlify.app/).
- Blazor MealPlanner -  MealPlanner is developed in Blazor Web Assembly PWA (offline), The app is using local storage for storing the meal plans. ([Demo AzureStaticWeb](https://gray-glacier-0cb9f5303.azurestaticapps.net/)) ([Demo Github Pages](https://umairsyed613.github.io/UNMealPlanner/))
- BlazorPowerHour -  The Blazor Power Hour show index, by Ed Charbeneau.
- BlazorTemplates -  A collection of blazor templates, designed for common use cases for new projects.
- Modulight -  A light modular framework aimed to be low intrusive based on dependency injection for Blazor. Support lazy loading and prerendering for javascript, css stylesheets, and assemblies. Built with the new features introduced in .NET 5 such as WebAssembly Lazy Loading and Javascript Isolation.
- Time Mage -  A Blazor PWA which has Timers, a Stopwatch, and Interval Timers. [Demo](https://timemage.azurewebsites.net/intervaltimers).
- Unofficial eShopOnContainers -  Unofficial Blazor WebAssembly client for [eShopOnContainers](https://github.com/dotnet-architecture/eShopOnContainers).
- Picat Language IDE -  IDE for the [Picat logic programming language](http://picat-lang.org/) based on the Monaco Editor. [Demo](https://andrzejolszak.github.io/picat-blazor-monaco-ide/PicatBlazorMonaco/publish/wwwroot/).
- UpBlazor -  -  Blazor Server integrating with Up bank (an Australian digital bank), to assist users with budgeting and to gain powerful future insights. Uses Clean Architecture and [Marten DB](https://martendb.io/).
- WordTester -  An application for learning foreign words using flashcards and spaced repetition.
- Css in Blazor presentation's source code -  Source code of a presentation by Ed Charbeneau about Blazor and CSS.
- BlazorViz interop wrapper for Viz.js -  A sample of generating Graphviz DOT language files and visualising tree data structures. [Demo](https://mrzhdev.github.io/BlazorViz/).
- LinqToTwitter Blazor sample -   LINQ Provider for the Twitter API (Twitter Library).
- Blazor Tour of Heroes - Blazor Tour of Heroes, using [Blazor-State](https://github.com/TimeWarpEngineering/blazor-state)(State Management architecture utilizing the MediatR pipeline) for the Redux style state.
- TypinExamples -  A sample project that demonstrates the usage of [Typin](https://github.com/adambajguz/Typin/) framework with a Blazor SPA application (Xterm.js and custom web workers implementation in C# to emulate terminal experience in browser). [Live demo](https://adambajguz.github.io/Typin/).
- eShopOnBlazor -   Migration of a traditional ASP.NET Web Forms app to Blazor.
- Flight Finder -   Flight Finder.
- BlazorCRUD -   Sample line of business application that illustrates key features of Blazor. [Demo](https://becksblazor.azurewebsites.net/).
- NethereumBlazor -   Ethereum blockchain explorer and simple wallet.
- CleanArchitecture -   Clean Architecture Template for Blazor WebAssembly Built with MudBlazor Components.
- Picat Language IDE -  IDE for the [Picat logic programming language](http://picat-lang.org/) based on the Monaco Editor. [Demo](https://andrzejolszak.github.io/picat-blazor-monaco-ide/PicatBlazorMonaco/publish/wwwroot/).
-
-
Tutorials
-
Others
- Blazor workshop -  Blazor app building workshop by [.NET Foundation](https://www.dotnetfoundation.org/), Blazzing Pizza.
- Authentication in Blazor WebAssembly Hosted Applications - January 22, 2021 - Authentication in Blazor WebAssembly Hosted Applications, by Code Maze. [Source code](https://github.com/CodeMazeBlog/blazor-wasm-hosted-security/tree/blazor_wasm_hosted_authentication)  .
- Blast Off with Blazor: Build a search-as-you-type box - January 14, 2021 - This post shows how to build a quick search box that filters our images.
- Boids in your Browser with Blazor - January 8, 2021 - How to model graphics in C# and render them on a HTML Canvas with JavaScript. [Source code](https://github.com/swharden/Csharp-Data-Visualization/tree/master/examples/2021-01-08-blazor-boids/BlazorBoids)  .
- Blazor WebAssembly I18n from Start to Finish - January 7, 2021 - Blazor is a strong C#-based framework from Microsoft that allows us to create an interactive, client-side web user interface (UI) using .NET. In this tutorial, we will explore how to implement internationalization (i18n) in a Blazor WebAssembly app.
- Pre-render Blazor WebAssembly at build time to optimize for search engines - January 3, 2021 - Pre-render Blazor WebAssembly at build time to optimize for search engines.
- Setup Blazor app using ASP.NET Core Empty project template - May, 2021 - Setup Blazor app using ASP.NET Core Empty project template.
- Tetris in Blazor - April, 2021 - [Part 1](https://exceptionnotfound.net/tetris-in-blazor-webassembly/), [Part 2](https://exceptionnotfound.net/tetris-in-blazor-part-2-cells-the-grid-and-the-game-state/), [Part 3](https://exceptionnotfound.net/tetris-in-blazor-part-3-tetrominos/), [Part 4](https://exceptionnotfound.net/tetris-in-blazor-part-4-displaying-the-grid-and-a-falling-tetromino/), [Part 5](https://exceptionnotfound.net/tetris-in-blazor-part-5-controls-upcoming-tetrominos-and-clearing-rows/), [Part 6](https://exceptionnotfound.net/tetris-in-blazor-part-6-scoring-levels-music-and-other-features/). [Source code](https://github.com/exceptionnotfound/BlazorGames)  .
- Building a Dashboard - April 23, 2021 - Tutorial on how to build a dashboard.
- Rendering dynamic content in Blazor Wasm using DynamicComponent - April 20, 2021 - Rendering dynamic content in Blazor Wasm using DynamicComponent.
- Setting dynamic metadata for Blazor Web Assembly - March 23, 2021 - This post shows how HTML header meta data can be dynamically updated or changed for a Blazor Web assembly application routes hosted in ASP.NET Core. This can be usually for changing how URL link previews are displayed when sharing links. [Source code](https://github.com/damienbod/BlazorMetaData)  .
- How to use gRPC-Web with Blazor WebAssembly on App Service - March 15, 2021 - How to use gRPC-Web with Blazor WebAssembly on App Service.
- How to deploy Blazor WebAssembly to Cloudflare - March 14, 2021 - How to deploy Blazor WebAssembly to Cloudflare. [Source code](https://github.com/Swimburger/BlazorWasmCloudflarePages)  .
- Build the Game of Life with Blazor - August, 2021 - Build the Game of Life with Blazor. [Source code](https://github.com/mariusmuntean/GameOfLife)  .
- Blazor Meadow Web API Weather Chart.js - June 2021 - Display sensor data using Chart.js in a Blazor application. [Source code](https://github.com/bradwellsb/blazor-meadow-weather)  .
- Using source generators to generate a menu component in a Blazor app - February 16, 2021 - Using source generators to generate a menu component in a Blazor app.
- Overriding components in Blazor - February 27, 2021 - If you use a component library in your project, you might want to override a component somewhere deep down in the component hierarchy without having to override the whole hierarchy.
- Build a Blazor 'Copy to Clipboard' component with a Markdown editor - February 18, 2021 - Let's build a 'Copy to Clipboard' component, where we can copy Markdown content to the clipboard.
- Using source generators to find all routable components in a Blazor WebAssembly app - February 9, 2021 - The [previous post](https://andrewlock.net/finding-all-routable-components-in-a-webassembly-app/) described a way to find all the "routable" components in a Blazor app using reflection. This post shows an alternative approach using a source generator.
- Custom Xamarin Controls with Blazor Mobile Bindings - February 8, 2021 - Blazor Mobile Bindings is exciting, but also encourages reusability. We take a look as how to wrap custom Xamarin.Forms UI as Blazor components.
- Create a Blazor Server app that uses the Microsoft identity platform for authentication - October 2020 - Tutorial by Microsoft. Blazor Server provides support for hosting Razor components on the server in an ASP.NET Core app. In this tutorial, you learn how to implement authentication and retrieve data from Microsoft Graph in a Blazor Server app with the Microsoft identity platform.
- Consuming GraphQL API In ASP.NET Core - January, 2021 - Consuming GraphQL API In ASP.NET Core: [Part 1](https://dev.to/jioophoenix/hotchocolate-introduction-to-graphql-for-asp-net-core-part-1-2e27), [Part2](https://dev.to/jioophoenix/consuming-graphql-api-in-asp-net-core-part-2-55ga). [Source code](https://github.com/CloudBloq/GraphQLSampleApp)  .
- Prerending a Blazor WebAssembly app to static files, without an ASP.NET Core host app - January 26, 2021 - This post describes how you can prerender all the pages in a Blazor WebAssembly app, without requiring a host app. That means you can still host your Blazor WebAssembly as static files using GitHub Pages or Netlify, without requiring a backend server. [Source code](https://github.com/andrewlock/blog-examples/tree/master/BlazorPreRender)  .
- Blazor workshop -  Blazor app building workshop by [.NET Foundation](https://www.dotnetfoundation.org/), Blazzing Pizza.
- Create a Blazor Server app that uses the Microsoft identity platform for authentication - October 2020 - Tutorial by Microsoft. Blazor Server provides support for hosting Razor components on the server in an ASP.NET Core app. In this tutorial, you learn how to implement authentication and retrieve data from Microsoft Graph in a Blazor Server app with the Microsoft identity platform.
- The tablet app – part 1 - February 12, 2021 - Making an espresso machine smart, with .NET and Mobile Blazor Bindings.
- Using MudBlazor to Create Reach and Functional Product’s Details Page - April 27, 2021 - Using MudBlazor to Create Reach and Functional Product’s Details Page.
- Blazor Material Table – Server-Side Paging, Searching, Sorting - April 19, 2021 - Blazor Material Table – Server-Side Paging, Searching, Sorting.
- Download Files from Azure with .NET Core Web API and Blazor WebAssembly - February 9, 2021 - In this article, we are going to learn how to download files from Azure using ASP.NET Core Web API as the server-side project and Blazor WebAssembly as the client-side. This article is a continuation of a previous one where we learned about uploading files to Azure. In that article, we also created Azure storage, so if you don’t have one created, you can do it following the instructions from the mentioned article. [Source code](https://github.com/CodeMazeBlog/download-files-azure-netcore-blazor-wasm)  .
-
-
Other Languages
-
Others
- ASP.NET Core Blazor 5.0: Blazor WebAssembly und Blazor Server: Moderne Single-Page-Web-Applications mit .NET, C# und Visual Studio - German book on Blazor (Published September 15, 2020 with montly Updates).
- Blazor.ru - [Russian] Old official documentation website translated in Russian.
- Modern web apps with Blazor - [Italian] Video about Blazor.
- Blazor Developer Italiani - [Italian] Italian Blazor community website with useful articles and events.
-
-
Books
-
Others
- 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).
- Microsoft Blazor: Building Web Applications in .NET 6 and Beyond - A practical and hands-on approach to learning Blazor using .NET 6. (3rd ed. edition (December 8, 2021).
- Blazor WebAssembly by Example - Blazor WebAssembly by Example: A project-based guide to building web apps with .NET, Blazor WebAssembly, and C# (1st edition published the July 9th, 2021).
- Blazor in Action - An example-driven guide to building reusable UI components and web frontends—all with Blazor, C#, and .NET. (Manning Early Access Program began October 2020).
- Blazor Revealed - Blazor Revealed, Building Web Applications in .NET (Published February, 2019).
- Microsoft Blazor: Building Web Applications in .NET - Microsoft Blazor: Building Web Applications in .NET (Second edition published in May 2020).
-
-
Videos
-
Others
- Blazor WebAssembly AOT on Azure Static Web Apps in .NET 6 -  November 9, 2021 - Host your Blazor WebAssembly applications on Azure Static Web Apps. Anthony Chu will demo how to automatically build and deploy your app, utilize [.NET 6](https://get.dot.net/6), and improve your runtime performance with ahead-of-time compilation on Azure Static Web Apps.
- Blazor in .NET 7 - .NET Community Standup -  August 23, 2022 - Overview of Blazor in .NET 7 with Daniel Roth, Jon Galloway, Mackinnon Buck and Tanay Parikh. Learn more about the great new features coming to Blazor in .NET 7.
- Implementing Main Page Headers in Blazor -  July 18, 2022 - In this session, Josh and I are back again to continue building a decentralizaed social media platform in the open-source space. This session in particular we will be discussing, designing and implementing a main page header in Blazor using SharpStyles.
- Blazor: Flavors of State Management with Blazor WebAssembly -  July 12, 2022 - ASP.NET Community Standup - Blazor: Flavors of State Management with Blazor WebAssembly. Working with Blazor WebAssembly applications we often overlook the importance of appropriate state management. Without a good understanding and the right strategy, our applications can end up polluted with components that behave badly and we end up regretting the bad choices.- This session covers the simple state management flavours and then progress towards something more tasty like the Redux pattern. We will see what there is to like and dislike about each flavour. Next, we will take a step back and determine the appropriate seasoning of state management to pair with our application. You will leave this session having sampled all the wonderful flavours and be able to make great decisions to have the best development experience. [Community links](https://www.theurlist.com/blazor_community_standup_july_2022).
- Securing Blazor & Web APIs with AAD -  July 11, 2022 - This video shows how to secure your Blazor application and a Web API using Azure Active Directory (AAD).
- Test the new Blazor experimental tutorial INSIDE Visual Studio -  June 29, 2022 - Grace Taylor from the Visual Studio team joins James to talk about a new experiment that they are running to improve tutorial inside of Visual Studio! Their first experiment is going to help developers get started learning and building web apps with Blazor. Install Visual Studio, and you may have the opportunity to test out this new experimental feature from the team.
- Test-Driving CSS Styles in Blazor -  June 20, 2022 - This video is about test-driving CSS styles in Blazor.
- Should I Focus on Blazor or ASP.NET Core? -  June 16, 2022 - Should I learn Blazor in more depth or should I better understand ASP.NET Core? Which one is the better one to learn well first? Should I bounce back and forth or specialize in one?
- Persisting Data in Blazor WebAssembly - June 3, 2022 - Carl uses a client-side repository based on IndexedDB to persist data even without an Internet connection.
- Using TypeScript with Blazor -  May 27, 2022 - Carl shows you how to use TypeScript when creating a Blazor component.
- Learn .NET MAUI - Full Course for Beginners | Tutorial for iOS, Android, Mac, Windows in C# - May 23, 2022 - Let's start our journey together to build beautiful native cross-platform apps for iOS, Android, macOS, and Windows with [.NET MAUI](https://dotnet.microsoft.com/en-us/apps/maui), C#, and Visual Studio! In this full workshop, I will walk you through everything you need to know about [.NET MAUI](https://dotnet.microsoft.com/en-us/apps/maui) and building your very first app. You will learn the basics including how to build user interfaces with XAML, how MVVM and data binding simplify development, how to navigate between pages, access platform features like geolocation, optimize data collections, and theme your app for light theme and dark theme. This course has everything you need to learn the basics and set you up for success when building apps with [.NET MAUI](https://dotnet.microsoft.com/en-us/apps/maui).
- Displaying Custom Reports in Blazor using Syncfusion -  May 20, 2022 - In the last video, we created a custom report using the Bold Reports Designer. We could use the provided Bold Reports Viewer to display the reports, but that does not always fit with what you want to accomplish. That is why today we will implement a report viewer in a Blazor Server application. That way, we can show our custom report to our clients directly inside of our site instead of sending them to a separate application.
- Bringing WebAssembly to the .NET Mainstream - Steve Sanderson -  May 19, 2022 - Many developers still consider WebAssembly to be a leading-edge, niche technology tied to low-level systems programming languages. However, C# and .NET have run on WebAssembly since 2017. Blazor WebAssembly brought .NET into the browser on open standards, and is now one of the fastest-growing parts of .NET across enterprises, startups, and hobbyists. Next, with WASI we could let you run .NET in even more places, introducing cloud-native tools and techniques to a wider segment of the global developer community. This is a technical talk showing how we bring .NET to WebAssembly. Steve will demonstrate how it runs both interpreted and AOT-compiled, how an IDE debugger can attach, performance tradeoffs, and how a move from Emscripten to WASI SDK lets it run in Wasmtime/Wasmer or higher-level runtimes like wasmCloud. Secondly, you'll hear lessons learned from Blazor as an open-source project - challenges and misconceptions faced bringing WebAssembly beyond early adopters.
- Rapid development model for Blazor Web Assembly and typed end-to-end services -  May 19, 2022 - In this video we use the [ServiceStack](https://servicestack.net/) Blazor WASM template to show how the combination of typed end-to-end services and Blazor is great for building line of business applications. The template provides a clean separation of concerns, typed end-to-end safety and rapid iteration thanks to shared C# language, Visual Studio Hot Reload and [ServiceStack](https://servicestack.net/) message centric design.
- ASP.NET Community Standup - Let's build an app with .NET MAUI and Blazor -  May 17, 2022 - Showcasing migrating a Blazor WASM PWA to .NET MAUI and Blazor Hybrid. [Community links](https://www.theurlist.com/blazor_community_standup_may_2022).
- Making Blazor work with everything, plus WebAssembly on the server -  May 13, 2022 - Talk by Steve Sanderson at the NDC London 2022. Real-world software projects often involve combining many technologies. So, is modern Blazor powerful and flexible enough for your team's needs? In this demo-heavy talk, Steve will show how Blazor WebAssembly/Server can seamlessly embed libraries and logic written in other languages such as Rust or C/C++, how Blazor WebAssembly/Server components can be used inside other SPA frameworks such as React or Angular (or vice-versa) and how Blazor components can be used not only for web projects, but also shared with native apps for macOS, iOS, Android, and Windows (including WPF and WinForms) These capabilities should equip your team to take on the most ambitious projects with confidence. We'll then look further into the future and consider how WebAssembly is moving beyond the browser and is pitched to become a foundational element of cloud-native server apps. You'll be among the first to see an experimental new approach to compiling .NET applications into WASI-compliant universal binaries that can run on any OS or processor, robustly sandboxed and with great performance.
- Creating Office Files in Blazor using Syncfusion - PDF, Word, Excel, and PowerPoint -  May 13, 2022 - Creating office files in C# has always been a popular solution. You can generate reports in formats that users are comfortable with. With the Syncfusion file controls, you can not only create Excel files, you can also create Microsoft Word documents, PowerPoint presentations, and PDF documents. In this video, we will look at the office file controls in Syncfusion and how to use them.
- Building apps for Teams in .NET & Blazor -  May 11, 2022 - John Miller joins James on this week's On .NET to chat about how .NET developers can build Microsoft Teams apps and bots completely with C#, .NET, and Blazor! John walks us through everything we need to know to get started and how to even publish apps for Teams.
- Web Wednesday: Recapping .NET Conf with Jon Galloway -  November 17, 2021 - .NET Conf is a wrap, but all the goodness revealed during the conference is just getting started. Between Minimal APIs, performance improvements, and enhancements to some of your favorite features there's a lot to talk about. Jon Galloway joins us this week to cover some of the big updates, talk about his favorites, and how to start using some of the cool new toys today.
- Host, deploy and scale ASP.NET Core Blazor Server -  November 11, 2021 - Let's discuss Host configuration values, deployment, scalability, SignalR configuration, Azure SignalR Service and more.
- Intro to Blazor Controls in Syncfusion -  May 11, 2022 - The Blazor controls in Syncfusion are pretty impressive. In this video, we will look at the DataGrid, charts, a Kanban-style board, a dashboard, autocomplete textboxes, context menus, signature pads, menu bars, toast messages, and more. There are so many controls to look at, in fact, that we are going to purposefully ignore the office file creation and display controls, as well as reporting. That way, we can spend more time on the other controls today and then focus on the office files in another video. The reporting will actually have two different videos dedicated to it.
- Multi-environment deployments with Azure DevOps and Static Web Apps -  May 5, 2022 - App walkthrough, Create a static web app with an Azure DevOps pipeline, Add Azure DevOps environments and configure approvals, Configure a multi-stage pipeline, Static Web Apps named preview environments, Playwright tests, Manual approval before production deployment, Secure staging environments with a password. [Source code](https://github.com/anthonychu/swa-devops-pipeline-demo/blob/main/azure-pipelines.yml).
- On .NET Live - Wrapping browser APIs in Blazor WASM -  May 2, 2022 - In this week's episode, Kristoffer Strube joins the panel to show us a Blazor WASM wrapper for the browser File System Access API. He's bringing demos and code to share, so this is an episode you won't want to miss.
- Securing SPAs and Blazor Applications using the BFF Pattern -  April 29, 2022 - Securing SPAs and Blazor Applications using the BFF (Backend for Frontend) Pattern at the NDC Porto, by Dominick Baier.
- State management in Blazor -  April 29, 2022 - State management in Blazor, at the NDC Porto 2022. When developing a Single Page Application, a very important aspect is state management. Since Blazer is a component-based UI framework, how do we manage to update the UI when the state of the application changes.
- Streaming three ways with Blazor: REST, gRPC, and SignalR -  April 29, 2022 - Streaming three ways with Blazor: REST, gRPC, and SignalR, by Carl Franklin at the NDC Porto 2022. Learn how to stream data from server to client to improve perceived performance and increase scalability. Carl shows how streaming works in general, and then how to implement using each of these three transports.
- Intro to SignalR in C# Part 1 - using Blazor, WPF, best practices, and more -  April 25, 2022 - SignalR is an excellent way to connect two or more clients together for real-time communication. The best part is that this library is just a wrapper around web-standard technologies such as Web Sockets and Long-Polling. It just makes them easier to use. That means we can even use SignalR with other clients such as Java or JavaScript. In this video, we are going to learn how to set up SignalR and how to connect to it using web clients and desktop clients. Throughout the video, we will cover best practices, as well as how to use this in the real world.
- Revisiting MVVM -  April 21, 2022 - Carl revisits the topic of MVVM with Blazor, clarifying your options.
- Queryable Repositories -  April 14, 2022 - Build a generic repository that the client can query.
- ASP.NET Community Standup - Blazorators: Blazor C# Source Generators -  April 12, 2022 - David Pine introduces Blazorators, Blazor C# Source Generators on this month's Blazor Community Standup. [Community links](https://www.theurlist.com/blazor_community_standup_april_2022).
- Full-stack .NET with Blazor WebAssembly and Azure Static Web Apps -  November 11, 2021 - With automatic global distribution, custom domains, and free SSL certificates, Azure Static Web Apps has everything you need to deploy modern web applications with serverless APIs. Join us to learn all about how to deploy Blazor WebAssembly apps with .NET Azure Functions to Azure Static Web Apps.
- What’s new in bUnit for .NET 6 -  November 11, 2021 - In this talk we will go through the latest additions and changes to bUnit that makes it simpler and easier than ever to test Blazor components. This includes the additions related to the new features that are part of the .NET 6 release of Blazor.
- .NET MAUI Blazor - Build Hybrid Mobile, Desktop, and Web apps -  April 1, 2022 - Blazor enables building client-side web UI with .NET, but sometimes you need more than what the web platform offers. Sometimes you need full access to the native capabilities of the device. You can now host Blazor components in .NET MAUI apps to build cross-platform native apps using web UI. The components run natively in the .NET process and render web UI to an embedded web view control using a local interop channel. This hybrid approach gives you the best of native and the web. Your components can access native functionality through the .NET platform, and they render standard web UI. .NET MAUI Blazor apps can run anywhere .NET MAUI can (Windows, Mac, iOS, and Android).
- Managing App State with Fluxor -  March 31, 2022 - pp State Management using Fluxor, a Flux/Redux library for Blazor.
- Blazor Basics with Identity -  Mars 14, 2022 - Fritz shows you how to connect authentication and authorization to your Blazor app. We'll focus on how to connect a properly configured Microsoft Identity application to your Blazor framework.
- ASP.NET Community Standup - Native client apps with Blazor Hybrid -  Mars 8, 2022 - Join this Blazor Community Standup to learn more about using Blazor Hybrid to create cross-platform native client apps for Windows, iOS, Android & Mac. [Community links](https://www.theurlist.com/blazor_community_standup_march_2022).
- Learn C# with CSharpFritz - Blazor Application Hosting -  February 28, 2022 - You've built your Blazor application, now where do you run it? In this demo filled session, Fritz will talk through Progressive Web Apps, packaging with Docker, and deploying your Blazor application to Azure. [Community links](https://github.com/csharpfritz/csharp_with_csharpfritz).
- Blazor, NET 6, and WebAssembly -  February 21, 2022 - Talk by Steve Sanderson at the NDC Oslo 2021. .NET 6 is a huge release for Blazor, adding a ton of powerful new features for .NET web developers. This talk will be full of demos to get you up-to-speed on this hot framework.
- ASP.NET Community Standup - Blazor .NET 7 Roadmap -  February 8, 2022 - Find out what's being planned for Blazor in .NET 7. [Community links](https://www.theurlist.com/blazor_community_standup_february_2022).
- C# Corner .NET Conference Day 1 -  January 24, 2022 - The first day of the conference kicks off with a keynote session by Scott Hunter. Day one is focused on front-end technologies (Blazor). [Conference website](https://dotnetconference.com).
- ASP.NET Community Standup - Blazor WebAssembly on .NET 6 -  January 11, 2021 - Join Blazor creator Steve Sanderson for a special look at Blazor WebAssembly on .NET 6. [Community links](https://www.theurlist.com/blazor_community_standup_january_2022).
- Publish a Blazor WebAssembly app and .NET API with Azure Static Web Apps -  December 6, 2021 - Automatically deploy and update a Blazor web application and its API from a GitHub repository. In this episode, you will clone and run an existing Blazor web app locally, create an API for the app with Azure Functions and publish the app and its API to Azure Static Web Apps.
- Learn Live - Build a web app with Blazor -  November 22, 2021 - Learn how to set up your development environment and build your first web app with Blazor, Visual Studio Code, and C#.
- Blazor and GraphQL -  November 11, 2021 - GraphQL is a powerful way of querying data. Creating loosely coupled clients using various JavaScript libraries to present data from a GraphQL API has been a popular architecture adopted by developers. How can we consume an GraphQL API in a Blazor WASM app to create rich apps? What if I can make it even better by using the content from a Headless CMS and present it using a Blazor App? In my session, I will make use of the GraphQL API from Umbraco Heartcore, a headless CMS, to create a Harry Potter themed Blazor App and present the data to the user in multiple ways.
- Embedding Power BI Reports in your Blazor 6 site -  November 11, 2021 - In this coding session, we will take a run-of-the-mill Blazor WebAssembly site, create a page with a report published in powerbi.com, we will then show how to use the ASP.NET Core identity services to protect reports from unauthorized eyes.
- Responsive and Adaptive Tactics for Blazor Applications -  November 11, 2021 - In this session you'll learn about CSS techniques like CSS Grid, Flexbox and media queries. We will also explore techniques for adaptive the user interface at runtime for maximum control. These tactics apply to Blazor WASM, Server, and Blazor Hybrid.
- New Blazor WebAssembly capabilities in .NET 6 -  November 10, 2021 - With [.NET 6](https://get.dot.net/6), the underlying .NET WebAssembly runtime supports entirely new kinds of functionality, and can be faster and more productive than ever before. "Native dependencies" enables embedding libraries from other tech stacks (e.g., a C/C++ database engine, or a Rust media processor). AOT compilation brings truly near-native performance to your .NET code in the browser, and the new build toolchain can now strip out unused native code to ship significantly smaller bundles. This talk explores how you can build new kinds of web apps, while having a more enjoyable and productive experience via instant hot reload and a better Razor editor.
- Blazor Azure B2C Authentication and Authorization -  November 10, 2021 - In this session we will cover how you can use Azure B2C authentication and authorization within your Blazor application to manage your users, and to allow your users to log in using their preferred social and enterprise logins.
- Build cross-platform native apps with .NET MAUI and Blazor -  November 9, 2021 - The power of Blazor is coming to native apps on desktop and mobile devices! Use existing Blazor web components and get the power of native apps, or supercharge your existing native apps with the power and reach of Blazor with the new BlazorWebView control for .NET MAUI, WPF, and WinForms.
- Enterprise-grade Blazor apps with .NET 6 -  November 9, 2021 - Blazor in [.NET 6](https://get.dot.net/6) gives you the functionality you need to build real world apps of any size and complexity. In this session we'll look at the new Blazor features in .NET 6 for practical web app development. We'll look at the new support for Hot Reload, error boundaries, state preservation during prerendering, faster file uploads, query string handling, adding page metadata, and integrating Blazor components into existing JavaScript based apps.
- Next-generation Blazor components with .NET 6 -  November 9, 2021 - Blazor in [.NET 6](https://get.dot.net/6) enables building even more powerful and flexible web UI components. In this session we'll look at the new improvements to the Blazor component model, including required component parameters, generic type inference from ancestor components, JavaScript initializers, and handling of static web assets.
- Minimal APIs in .NET 6 -  November 10, 2021 - In this talk, Safia and Stephen, developers from the ASP.NET team, will introduce you to minimal APIs, a new, low-ceremony way to build small HTTP APIs using ASP.NET Core. The demo includes a Blazor app.
- Introduction to .NET MAUI -  November 9, 2021 - .NET MAUI is the best way to build cross platform mobile and desktop apps with .NET and C#. Join Maddy Leger, .NET MAUI Program Manager, to get a first look of .NET MAUI in [.NET 6](https://get.dot.net/6) and learn how you can start using it today.
- Blazor Hot Reload in .NET 6 -  November 9, 2021 - With Blazor Hot Reload, you can save time by seeing your ASP.NET WebAssembly apps changes live! Here, Isadora will demo how to use this time and expense saving feature so you can make your WebAssembly apps even more awesome.
- .NET Conf 2021 - Day 1 -  November 9, 2021 - [.NET Conf](https://www.dotnetconf.net) is a free, three day virtual developer event co-organized by the .NET community and Microsoft. This year .NET 6 will launch at .NET Conf 2021! Come celebrate and learn about the new release.
- Smaller & Faster Blazor WebAssembly apps with Runtime Relinking in .NET 6 -  November 9, 2021 - The new support for runtime relinking has made Blazor WebAssembly apps smaller and faster to download. In this demo, Daniel Roth will show how runtime relinking works while making the smallest WebAssembly app possible.
- .NET Conf 2021 Keynote -  November 9, 2021 - Join Scott Hunter and team as they show you all the amazing things you can do with .NET 6.
- ASP.NET Community Standup - Blazor Native Interop with SkiaSharp -  October 26, 2021 - [SkiaSharp](https://github.com/mono/SkiaSharp) is a cross-platform 2D graphics API for .NET platforms based on Google's Skia Graphics Library. It provides a comprehensive 2D API that can be used across mobile, server and desktop models to render images. In this edition of the Blazor community standup learn more about SkiaSharp, from Matthew Leibowitz. [Community links](https://www.theurlist.com/blazor_community_standup_october_2021).
- Blazor Updates in .NET 6 - Hot Reload, Query Parameters, and More -  October 25, 2021 - There are a lot of changes to Blazor in .NET 6. These are quality of life changes, not major shifts in how Blazor operates. In this video, we are going to look at a number of changes to Blazor that will directly impact and improve how you build Blazor apps.
- Web Wednesday: Creating full stack web apps with Blazor -  October 21, 2021 - Blazor provides an alternative option for building rich client-side web applications using .NET instead of JavaScript. The core of this framework is based on components, similar to JavaScript frameworks like Vue or React. In this session, we'll take a look at how this component model works.
- ASP.NET Community Standup - Exploring MudBlazor -  October 12, 2021 - In this edition of the Blazor community standup learn more about [MudBlazor](https://github.com/MudBlazor/MudBlazor), a Material Design framework for Blazor with co-creators Jonny Larsson & Meinrad Recheis. [Community links](https://www.theurlist.com/blazor_community_standup_october).
- Web Wednesday: ASP.NET Razor tips and tricks with Jon Galloway -  October 11, 2021 - Razor is a server-side, page-centric programming model for building webpages with ASP.NET Core. Razor has continued to mature over time, and has expanded to include numerous "quality-of-life" additions to make the developer's life easier. Jon Galloway joins us to talk about MVC and ASP.NET, and walks us through some of his favorite features, tips and tricks.
- Blast off with Blazor - Supercharged Enterprise UIs using AntDesign -  September 20, 2021 - AntBlazor is fully supported by the .NET Foundation and boasts an impressive following. The best part is the awesome documentation and code samples to get you up and running in no time.
- ASP.NET Community Standup - Blazor in .NET 6 RC1 -  September 14, 2021 - Find out what's new in Blazor in .NET 6 RC1. [Community links](https://www.theurlist.com/blazor_community_standup_september_2021).
- The .NET Docs Show - Micro frontends with Blazor -  August 31, 2021 - In this week's episode, Florian Rappl joins the panel to show us how to build websites using compositional UIs that grow naturally as your application scales.
- Blazor ListView Component -  August 27, 2021 - In this Blazor Components session, Fahad Mullaji aka @Curious Drive walks us through the various functionalities of the Telerik UI for Blazor ListView component. He explores the multiple List templates, focusing on the Header template which allows adding custom Blazor components, and footer template which shows the number of items in the list.
- The .NET Docs Show - Blazor component testing with bUnit -  August 23, 2021 - A new UI framework like Blazor means new unit testing scenarios! In this week's episode, community MVP Egil Hansen shows us bUnit, a unit testing library for Blazor components.
- Planning, designing, and coding a Blazor site from scratch part 6 -  August 23, 2021 - In this episode, Jessica takes revenge on CSS, but the big question is.... Will she win? Adding responsiveness to the menu using only CSS.
- Using SignalR in your Blazor applications -  August 19, 2021 - In this episode, David Pine joins Jeremy to show off this chat bot enabled demo that's powered by Blazor WASM and SignalR. [Source code](https://github.com/IEvangelist/signalr-chat)  . [Demo](https://blazing-chat.azurewebsites.net/).
- Building a face recognition app with #Blazor and Azure Cognitive Services - July 20, 2021 - Building a face recognition app with Blazor and Azure Cognitive Services. [Source code](https://github.com/JeremyMorgan/BlazorFaceRec)  .
- What's new in Blazor in .NET 6 with Daniel Roth -  July 16, 2021 - Blazor in .NET 6 makes client-side web development faster and more productive than ever before. Let's chat about all the new Blazor features in .NET 6: .NET Hot Reload, WebAssembly ahead-of-time (AOT) compilation, error boundaries, integration with .NET MAUI, and much more.
- Visual Studio 2022 Preview 2 - Overview -  July 14, 2021 - This video shows some the new features in Visual Studio 2022 preview 2.
- ASP.NET Community Standup - Building with Blazor: Powered4.tv -  July 13, 2021 - Powered4.tv is a video-on-demand service that leverages Blazor WASM. In this episode of the Blazor community standup, we'll talk with product engineer Steve Pierce about the successes and stories behind using Blazor WASM for Powered4.tv.
- Building dynamic applications with blazor -  July 10, 2021 - Blazor is a revolutionary single-page app framework for building interactive web apps with .NET Core. Underpinning Blazor's ability to create interactive web UIs using C# instead of JavaScript is a robust component model which offers exciting new opportunities for developers to create dynamic web applications. In this session we will demonstrate dynamic application development using an open source modular application framework for Blazor named Oqtane.
- The .NET Docs Show - Scenario testing Blazor Single-Page Apps -  June 28, 2021 - Cover all the bases and use test scenarios to improve the quality of your test coverage in Blazor applications.
- Let's Learn .NET - Blazor -  June 25, 2021 - 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. Together, we will learn all about Blazor and why you would use it to build web apps, and then we will build our first client web app with Blazor and .NET.
- On .NET Live - Building Reactive UIs with Blazor -  June 24, 2021 - In this live session, Rodney Littles II shows us how to build Blazor applications with the ReactiveUI framework.
- Web Wednesday: Blazor Web Apps using GraphQL and EF Core with Jeremy Likness -  June 23, 2021 - Got data? Got Blazor? The “glue” between the client and server is often the weakest link in building enterprise web apps. What if you could use your domain model as the source of truth, generate a database that supports your design and easily move data between the server and your Blazor WebAssembly app with just a few lines of code? Jeremy will show you how to do this and more with the power of Entity Framework Core enhanced by GraphQL.
- On .NET Live - Building Beautiful Blazor apps with Tailwind CSS -  June 17, 2021 - In this session on On .NET Live, Chris Sainty(@chris_sainty) will be showing us how to style our applications using Tailwind CSS as well as how to integrated the Blazored component libraries.
- BlazorDay 2021, full video -  June 17, 2021 - Blazor Day is the online event around Blazor technologies. #BlazorDay is organized by 3 MVP friends. Their objective is to share their passion for .NET and more particularly Blazor. Joined by the famous Charline to upgrade the event to the next level.
- Introduction to .NET MAUI Blazor | The Xamarin Show -  June 17, 2021 - Blazor enables building client-side web UI with .NET, but sometimes you need more than what the web platform offers. Sometimes you need full access to the native capabilities of the device. You can now host Blazor components in .NET MAUI apps to build cross-platform native apps using web UI. The components run natively in the .NET process and render web UI to an embedded web view control using a local interop channel. This hybrid approach gives you the best of native and the web. Your components can access native functionality through the .NET platform, and they render standard web UI. .NET MAUI Blazor apps can run anywhere .NET MAUI can (Windows, Mac, iOS, and Android) although our primary focus for .NET 6 is on desktop scenarios.
- ASP.NET Community Standup - Build apps for Microsoft Teams with Blazor -  June 15, 2021 - Learn how to build apps for Microsoft Teams using the Teams Toolkit, .NET, and Blazor. [Community links](https://www.theurlist.com/aspnet-standup-2021-06-15).
- On .NET Live - Secrets of building Blazor Components -  June 10, 2021 - This session with Ed Charbeneau is about building components for Blazor.
- Next Generation UI with .NET 6 -  June 9, 2021 - Tired of Angular, Vue, and React? Ready for the next generation of web user interface that runs everywhere and you can build with your favorite programming language? In this session, Jeff Fritz is going to introduce you to Blazor - the next generation UI framework from the .NET team. We'll see how Blazor works with Web Assembly, webservers, and hybrid applications to deliver a great experience for your users. Blazor is the framework that allows you to build once and run it everywhere.
- Planning, designing, and coding a Blazor site from scratch part 1 -  June 8, 2021 - Set up Azure DevOps, Builds, Release, and Blazor project.
- Let's Learn .NET: Blazor -  June 7, 2021 - 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. Together, we will learn all about Blazor and why you would use it to build web apps, and then we will build our first client web app with Blazor and .NET.
- Upgrading to .NET 6 -  April 21, 2021 - This video shows you how to upgrade your existing .NET 5 Blazor application to .NET 6 Preview 3. It also shows how to upgrade your tests to use the latest release of bunit version 1.0.19 and demos the new hot reload feature in .NET 6 - which is a huge improvement to the engineering experience. [Source code](https://github.com/hassanhabib/OtripleS.Portal)  .
- ASP.NET Community Standup - ASP.NET Core updates in .NET 6 -  April 20, 2021 - There are a lot of exciting new features for ASP.NET Core developers in .NET 6! Come hear all about it from Daniel Roth, and ask your questions live in the chat. [Community links](https://www.theurlist.com/aspnet-standup-2021-04-20).
- WebAPI vs gRPC in Blazor Train -  April 16, 2021 - Carl Franklin shows you how to use gRPC in your Blazor apps as an alternative to a more common API layer. You can download all files at[blazortrain.com](https://blazortrain.com/).
- ASP.NET Community Standup - Exploring Oqtane with Shaun Walker -  April 13, 2021 - In this edition of the Blazor community standup, we sit down with Shaun Walker to discuss all things Oqtane. [Community links](https://www.theurlist.com/april-community-links).
- Blazor WebAssembly : Cookie Expiration & API Authorization -  April 7, 2021 - This video shows how you can set authentication properties for cookie authentication. You can set it's IsPersistent to keep the cookie alive even after the browser is closed. You can also set it's ExpiredUtc property to set expiry date for your cookies.
- Deploying Blazor WebAssembly to GitHub Pages -  March 30, 2021 - The .NET Docs Show - Deploying Blazor WebAssembly to GitHub Pages. What's better than Blazor? How about Blazor and a free place to host your Blazor app? In this episode, community member Niels Swimberghe shows the panel how to deploy Blazor apps to GitHub Pages.
- Testing Blazor Apps & Components - March 26, 2021 - Blazor Train, episode 43: Testing Blazor Apps & Components.
- Steve Sanderson at the NDC Manchester 2021 - March 25, 2021 - Blazor in 2021: .NET 5, .NET 6 and beyond.
- Blazor WebAssembly : Creating Chat Application Using SignalR -  March 25, 2021 - Blazor WebAssembly : Creating Chat Application Using SignalR.
- Introduction to Dynamic Components in Blazor -  March 22, 2021 - This video shows how you can use one of the most interesting features in Blazor w/ .NET 6.0 preview which is Dynamic Components. Dynamic Components can help you load content from multiple components dynamically in Blazor without too much hassle. [Source code](https://github.com/hassanhabib/DynamicComponentBlazorDemo)  .
- Building a Blazor WebAssembly chat using SignalR - March 8, 2021 -  Building a Blazor WebAssembly chat using SignalR, by Coding After Work.
- Multiple Panels with Sliding Splitters - March 5, 2021 - Blazor Train, episode 40: Multiple Panels with Sliding Splitters.
- Blazor WebAssembly : JavaScript Isolation -  March 1, 2021 - Blazor WebAssembly : JavaScript Isolation, by Curious Drive. This video is about how you can isolate JavaScript files in Blazor applications. With JavaScript isolation you can load your JavaScript files only when needed. [Source code](https://github.com/CuriousDrive/BlazingChat)  .
- .NET Conf 2021 - Focus on Windows: Building .NET Hybrid Apps with Blazor - February 25, 2021 - .NET Conf: Focus on Windows, session "Building .NET Hybrid Apps with Blazor", by Daniel Roth.
- .NET Conf 2021 - Focus on Windows: Real-Time Desktop Apps with Azure SignalR Service - February 25, 2021 - .NET Conf: Focus on Windows, session "Real-Time Desktop Apps with Azure SignalR Service".
- .NET Conf 2021 - Focus on Windows -  February 25, 2021 - .NET Conf: Focus on Windows is a free, one-day livestream event that features speakers from the community and Microsoft teams working on Windows desktop apps and making them fantastic on the latest .NET 5. Learn why and how to upgrade WPF and Windows Forms apps to .NET 5, see Visual Studio tooling improvements, learn how to leverage cloud services from your client apps, and a whole lot more. You'll also see what the future of native device development with .NET will look like in .NET 6. Full schedule: [dotnetconf.net](https://focus.dotnetconf.net).
- Blazor WebAssembly : Virtualize Component -  February 22, 2021 - Blazor WebAssembly : Virtualize Component, by Curious Drive. This video shows how you can use Virtualize component and load thousands of records in efficient way. We will first check how it actually works then we will map to a web API which gets records which are visible to the users.
- Blazor Train: Options for Mobile Apps -  February 19, 2021 - Carl Franklin welcomes back Microsoft’s Dan Roth to discuss options for building mobile apps with Blazor.
- Advanced Blazor experiences with Carl Franklin -  February 10, 2021 - Advanced Blazor experiences with Carl Franklin, by Coding After Work. Carl Franklin will share a bit more advanced scenarios like using SignalR together with Blazor for cross user communication and data synchronization.
- ASP.NET Community Standup - A Blazor Conversation with Chris Sainty -  February 9, 2021 - In this standup, we chat with Blazor aficionado and open source community member Chris Sainty about Blazor, his open source work, and more.
- Blazor Power Hour: FAQ show #1 -  February 3, 2021 - Blazor Power Hour: FAQ show 1, with ed Charbeneau.
- Blazor Train: Ask the Engineer - January 29, 2021 - Carl Franklin answers your questions and solves your Blazor puzzlers.
- .NET Frontend day 2021 - January 28, 2021 -  .NET Frontend Day 2021 sessions.
- Blazor Train: Progressive Web Applications -  January 15, 2021 - Carl Franklin shows you how to create a Blazor PWA and how to configure it for offline access and cached content.
- .NET Community Standup: Meet the Blazor Team -  January 12, 2021 - "Meet the Blazor Team"'s [.NET Community Standup](https://dotnet.microsoft.com/live). Meet the people behind the code! Join us for a fun livestream with members of the Blazor team.
- What’s next for Blazor, and .NET on WASI -  July 7, 2022 - What’s next for Blazor, and .NET on WASI, talk by Steve Sanderson at the NDC Porto. In this demo-centric talk, Microsoft developer/architect Steve will show the current state-of-the-art in Blazor for building rich web-based UI for browsers and native apps. This will include powerful new features shipped in .NET 6, as well as upcoming enhancements under development for .NET 7 and .NET MAUI. We’ll also look at more experimental future possibilities, including running .NET Core on WASI (WebAssembly on the server) which creates entirely new cloud and edge hosting options and lets you bring .NET code to places it’s never been before.
- Best practices unit testing Blazor components with bUnit -  Mars 1, 2022 - Why create tests of UI components? Isn’t UI tests inherently brittle, run slowly, and hard to maintain? By Egil Hansen, at the NDC Oslo 2021.
- Getting Started with Blazor Components -  August 26, 2021 - Join the amazing Fahad Mullaji a.k.a @Curious Drive in his "Getting Started with Telerik UI for Blazor" journey. In this video, he goes through five of the most practical and frequently used components – TextBox, DropDownList, AutoComplete, MultiSelect, and CheckBox.
- ASP.NET Community Standup - Exploring Blazorise -  August 17, 2021 - ASP.NET Community Standup - Exploring Blazorise with Mladen Macanović. [Url list](https://www.theurlist.com/blazor_community_standup_august_2021).
- Securing SPAs and Blazor Applications using the BFF (Backend for Frontend) Pattern -  May 10, 2022 - Modern web development means that more and more application code is running in the browser. Traditionally this has been JavaScript but more recently there has been the trend to use C#/WASM with Blazor. These modern applications typically also need authentication and single-sign-on as well as token-based security for calling APIs – in other words OpenID Connect and OAuth 2. There are different patterns for securing such applications and this session covers some of the pitfalls of the various approaches, especially given the ever-changing browser landscape. We will conclude with the “backend for frontend” (or BFF) pattern which has become the most secure and stable of these approaches.
- Building beautiful Blazor apps with Tailwind CSS -  Mars 2, 2022 - Tailwind CSS has been growing in popularity for some time. It’s fast becoming one of the top frameworks to use when styling applications. It offers a different approach to the traditional frameworks like Bootstrap—utility based styling. Rather than using prebuilt components—which result in your application looking like a lot of others on the web—you can tailor your design by applying small focused CSS classes resulting in a unique style for your app. In this talk, you will learn how to bring the power of Tailwind CSS to your Blazor applications. We’ll start off with an introduction to Tailwind and how it differs from other CSS frameworks. Then we’ll get into some code and see how we can integrate Tailwind with Blazor. For the rest of the time, we’ll explore the various features of Tailwind and see how just how beautiful we can make our Blazor app. By Chris Sainty, at the NDC Oslo 2021.
- Building a classic adventure game with Blazor -   February 14, 2022 - Blazor is a free and open-source web framework that enables developers to create web apps using C# and HTML. Being a .NET developer as well as a big fan of classic point-and-click adventure games, I’ve ported my Game-a-Tron 4000 adventure game engine to Blazor.
- Intro to Blazing Web Accessibility - Empowered with AI -  July 5, 2021 - This video shows how you make an accessible website in Blazor, Microsoft’s brand new front-end technology.
- Building Modern Applications with GraphQL and Blazor -  May 14, 2021 - Building Modern Applications with GraphQL and Blazor at the JetBrains .NET Days Online. After having a fundamental understanding of how GraphQL improves our data fetching needs in web applications, we will move on and build a nice real-time application with Blazor and GraphQL. Let’s build a truly engaging next gen application and push Blazor to the limit. [Slides](https://slides.com/michaelingmarstaib/developer-week-building-modern-applications-with-graphql-and-blazor). [Source code](https://github.com/michaelstaib/PublicSpeaking/tree/master/jetbrains_net_days_2021)  .
- Build native apps for any device with .NET and Visual Studio -  May 25, 2022 - See how you can quickly and iteratively build modern, native and hybrid web apps for any device with Visual Studio and .NET Multi-platform App UI (.NET MAUI). We’ll take you on a tour of the tools and frameworks that can speed up your development time to create powerful, native desktop and mobile apps for Windows, macOS, iOS, and Android from a single codebase with .NET MAUI. We’ll also show you how to enhance your Blazor web apps with native device capabilities.
-
-
Libraries & Extensions
-
Tools & Utilities
- BlazorRealm - Redux state management for Blazor.
- Blazor BarCode
-
Component bundles
- Blazor Controls Toolkit - Complete toolset for implementing commercial business applications. It includes the equivalent of all Bootstrap JavaScript components, all html5 input types with widgets fallbacks, advanced editable components like DataGrid, TreeView, DetailView, ModalDetail, DetailList. All components have default customizable templates, and support virtualizazion and Drag & Drop. Component rendering is meta-data driven, so component configuration is in part automatic, and in part can be driven with data annotations. The toolset includes also query tools, to issue complex local or remote queries, changes-tracking tools to send only the changed records to the server, advanced validation attributes, globalization tools, "Behaviors" that modify existing components, state management and save, and more.
- Nevron Open Vision Components for Blazor -   Diagram, Chart, Text Editor, Gauge, Barcode, and User Interface components for Blazor. [Demo](https://blazorexamples.nevron.com/).
- Element-Blazor -   A blazor component library using Element UI. API imitates Element, CSS directly uses Element's style, HTML structure directly uses Element's HTML structure. [Blazor WebAssembly Version demo](https://blazorwasm.github.io). [Blazor WebAssembly Version PWA Mode demo](https://pwawasm.github.io).
- Syncfusion Blazor UI Components -   The most comprehensive native Blazor component library including [Data Grid](https://www.syncfusion.com/blazor-components/blazor-datagrid), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram) and [Document Editor](https://www.syncfusion.com/blazor-components/blazor-word-processor) components. ([Demo](https://blazor.syncfusion.com/demos/)).
- Telerik UI for Blazor - External link (telerik.com). A native set of UI components for Blazor, including grid, charting, and calendar components.
- Start Blazoring - A Blazor starter template built using your choice of [Blazorise](https://blazorise.com/) or [MudBlazor](https://mudblazor.com), with more UI library integration coming. It offers a myriad of features such as user registration, login, password reset, two factor; user management, roles, permissioning; background workers, logging, caching, email templates, localization and many more.
-
Others
-
Individual components
- Blazor Markdown -  A Blazor Markdown component that enables you to include Markdown files in your server-side Blazor apps.
- Blazor.SignaturePad -   A Blazor component library that utilizes Szymon Nowak's javascript library Signature Pad to implement smooth signature drawing on a HTML5 canvas.
- DnetOverlay -  Agular CDK Overlay implementation for Blazor.
- BlazorLocalizationSample - square&cacheSeconds=86400)  The default project template localized using [XLocalizer](https://github.com/LazZiya/XLocalizer) with online translation and auto resource creating.
-
-
Articles
-
Others
- Blazor Sticker Giveaway - July 15, 2022 - Try the new Blazor Guide in Visual Studio. Read on to learn about how to give it a try and for a chance to receive a sticker.
- Oqtane 3.1.4 Released - July 27, 2022 - The 3.1.4 release is primarily focused on stabilization. This includes a variety of performance optimizations, user experience improvements, and localization enhancements.
- ClassFly UI - XAML vs Blazor - Part 1 - XAML - July 23, 2022 - This serie of article compares the approaches of XAML vs Blazor. The same application will be create using XAML and Blazor to discover the pros and cons. The part 1 focuses on XAML.
- Share Blazor components using dependency injection - July 19, 2022 - Share Blazor components using dependency injection.
- Using IAsyncEnumerable in a Razor component - July 18, 2022 - Using IAsyncEnumerable in a Razor component.
- ASP.NET Core updates in .NET 7 Preview 6 - July 12, 2022 - .NET 7 Preview 6 is now available and includes many great new improvements to ASP.NET Core. Blazor custom elements no longer experimental, experimental QuickGrid component for Blazor, System.Security.Cryptography support on WebAssembly, empty Blazor project templates and more. For more details on the ASP.NET Core work planned for .NET 7 see the full [ASP.NET Core roadmap for .NET 7](https://aka.ms/aspnet/roadmap) on GitHub.
- Uno Platform Does WebAssembly Threading Months Ahead of .NET 7 - June 29, 2022 - Uno Platform Does WebAssembly Threading Months Ahead of .NET 7, by David Ramel for Visual Studio Magazine.
- 3 reasons why I've created yet another library for the downloading on Blazor apps - June 29, 2022 - 3 reasons why I've created yet another library for the downloading on Blazor apps.
- Blazor Posts Biggest Gain in WebAssembly Usage: Report - June 24, 2022 - Blazor Posts Biggest Gain in WebAssembly Usage: Report, by David Ramel for Visual Studio Magazine.
- Implementing RavenDB time series in a Blazor project - June 21, 2022 - Implementing RavenDB time series in a Blazor project.
- A Full-Stack Web App Using Blazor WebAssembly and GraphQL: Part 3 - June 8, 2022 - A Full-Stack Web App Using Blazor WebAssembly and GraphQL: Part 3. [Part 1](https://www.syncfusion.com/blogs/post/a-full-stack-web-app-using-blazor-webassembly-and-graphql-part-1.aspx).
- Q&A: Deep Dive on Blazor - May 9, 2022 - Q&A: Deep Dive on Blazor, on Visual Studio Magazine.
- Syncfusion Essential Studio Release Enhances .NET MAUI, WinUI, Blazor and More - May 6, 2022 - Syncfusion Essential Studio Release Enhances .NET MAUI, WinUI, Blazor and More, on Visual Studio Magazine.
- Use the Query String to pass an array of selected values between Blazor Pages - April 28, 2022 - Use the Query String to pass an array of selected values between Blazor Pages.
- Mastering Blazor - Part 1: DOM Integration - March 31, 2022 - Mastering Blazor - Part 1: DOM Integration.
- Conditional Blazor Styles (without the if statements) - March 24, 2022 - Conditional Blazor Styles (without the if statements).
- Securing a Blazor WebAssembly Hosted Apps with Azure Active Directory - March 18, 2022 - Securing a Blazor WebAssembly Hosted Apps with Azure Active Directory. [Part 2](https://dev.to/kasuken/securing-a-blazor-webassembly-hosted-apps-with-azure-active-directory-part-2-1ppd).
- A Full-Stack Web App Using Blazor WebAssembly and GraphQL: Part 1 - February 17, 2022 - This article shows how to create a full-stack web application using Blazor WebAssembly and GraphQL with SQL Server as our database.
- What's Coming for Blazor Hybrid in .NET 7 - February 10, 2022 - What's Coming for Blazor Hybrid in .NET 7, Visual Studio Magazine.
- Use Tailwind's new JIT mode when developing Blazor applications - January 19, 2022 - Use Tailwind's new JIT mode when developing Blazor applications.
- Umbraco 9 & Blazor WebAssembly Starterkit on GitHub - November 24, 2021 - A simple starter site for Umbraco v9, making use of Blazor WebAssembly with Tailwind CSS/UI. A project that I use to play around and experiment with Umbraco 9, Blazor WebAssembly, TailwindCSS, the Block List Editor, and several other concepts. [Source code](https://github.com/cornehoskam/Umbraco9-Blazor-Starterkit)  .
- Announcing ASP.NET Core in .NET 6 - November 8, 2021 - .NET 6 is now released! ASP.NET Core in .NET 6 includes everything you need to build rich modern web UI and powerful back-end services.
- Full-stack .NET 6 Apps with Blazor WebAssembly and Azure Static Web Apps - November 8, 2021 - .NET 6 is the latest version of .NET and it’s generally available today. The Azure Static Web Apps team is excited to announce that you can now run full-stack .NET 6 apps on Static Web Apps.
- Microsoft Publishes New Documentation for Blazor, ASP.NET Core - November 4, 2021 - Microsoft published new documentation for its .NET 6 web-dev component, ASP.NET Core, including the red-hot Blazor framework.
- Blazor Hybrid Web Apps with .NET MAUI - October 29, 2021 - Blazor Hybrid Web Apps with .NET MAUI.
- As .NET 6 Nears GA, Blazor WebAssembly Can Now Use Native Dependencies - October 15, 2021 - Less than a month before .NET 6 ships, Microsoft announced Blazor WebAssembly apps can now use native dependencies, allowing developers to tap into native C code, for example, upon jumping through a few hoops.
- Custom deployment layout for Blazor WebAssembly apps - September 28, 2021 - Custom deployment layout for Blazor WebAssembly apps.
- Blazor updates for .NET 6 using Visual Studio 2022 - September 16, 2021 - Blazor updates for .NET 6 using Visual Studio 2022.
- ASP.NET Core updates in .NET 6 Release Candidate 1 - September 14, 2021 - .NET 6 Release Candidate 1 (RC1) is now available and includes many great new improvements to ASP.NET Core.
- BabylonJS and Blazor - Simple Game State - September 2, 2021 - Build a simple game with BabylonJS and Blazor. [Source code](https://github.com/canhorn/BabylonJS.Blazor.Game.Tutorial/tree/step/03_Simple-Game-State)  . [Demo](https://babylonjsblazorstep03.z19.web.core.windows.net/).
- So Why Doesn't Microsoft Provide Its Own Blazor Component Library? - August 13, 2021 - Did you ever wonder why Microsoft doesn't provide a component library for Blazor, its red-hot ASP.NET Core framework for creating web apps primarily with C# instead of JavaScript?
- Blazor Debugging Improvements in Rider 2021.2 - July 27, 2021 - The EAP versions of Rider 2021.2 have been released with a major improvement for Blazor developers: debugging WebAssembly (WASM) apps. This has been one of the top requested features since Blazor itself was released. In Rider 2021.2, you can now debug both Blazor Server apps and Blazor WASM apps.
- The .NET Stacks #57: Taking a look at Blazor Error Boundaries - July 18, 2021 - Let's take a look at Blazor Error Boundaries and Minimal API improvements.
- What's New for Blazor/ASP.NET Core in .NET 6 Preview 6 - July 15, 2021 - What's New for Blazor/ASP.NET Core in .NET 6 Preview 6.
- Blazor Server apps in MVC subfolders - July 15, 2021 - Were you ever bored and thought to yourself: how could I ruin this perfectly fine evening for me and turn it into a frustrating nightmare? Well, seek no more, I have the best idea for you. Just try to host a Blazor Server app in a sub folder of an existing MVC application, and you're in for some really nerve-wrecking "fun". Admittedly, once you know the solution it's not so hard to understand, but finding a working solution was a rabbit-hole experience for me.
- ASP.NET Core updates in .NET 6 Preview 6 - July 14, 2021 - .NET 6 Preview 6 is now available and includes many great new improvements to ASP.NET Core.
- How to Localize Error Messages for Blazor WebAssembly Forms - July 12, 2021 - Want to localize form validation error messages in a Blazor WebAssembly app? Follow this guide to learn everything you need to know.
- How to use the button onclick event in Blazor WebAssembly - July 9, 2021 - This article from RoundTheCode explains how to implement the button onclick event in a Blazor Wasm application. We will demonstrate how to set up a Blazor onclick call method and bind it to a HTML element.
- Blazor Anchor Tag Scroll To - July 9, 2021 - This article goes over an issue with Blazor applications and scrolling to a hash anchor on the current page.
- Thoughts on Microsoft, and Blazor - July 2, 2021 - Thoughts on Microsoft, and Blazor, by Peter Kuhn aka Mister Goodcat.
- ML.NET Now Works on ARM Devices and Blazor WebAssembly - June 29, 2021 - ML.NET now works on ARM64 and Apple M1 devices, and on Blazor WebAssembly, with some limitations for each.
- Why build Single Page Apps in Blazor - June 16, 2021 - This post addresses some common Blazor questions. Specifically, the "what?", but more importantly the "why?". Why should I care about Blazor when we've already got Angular, React, Vue, or some other JavaScript framework? Why choose Blazor, and what is WebAssembly all about? We'll cover the history of Microsoft's web application development frameworks and what we see for its bright future.
- Modular Blazor App Framework Oqtane Boosts Templates - April 29, 2021 - Modular Blazor App Framework Oqtane Boosts Templates.
- Sands of MAUI: Issue #6 - April 26, 2021 - Sands of MAUI: Issue #6. BlazorWebView for WPF/WinForms.
- Setting Up Sass with Blazor - April 24, 2021 - Setting Up Sass with Blazor, by Ed Charbeneau.
- IntersectionObserver WebApi - April 24, 2021 - This article will go over the IntersectionObserver WebApi and how to use it within the context of a Blazor application. [Source code](https://github.com/canhorn/EventHorizon.Blazor.WebApi.IntersectionObserver)  . [Demo](https://proud-coast-03b6fa410.azurestaticapps.net/).
- Will .NET 6 fix Blazor Prerendering? - April 19, 2021 - Will .NET 6 fix Blazor Prerendering?
- An Easier Blazor Debounce - April 12, 2021 - Tick-free bouncing. [Source code](https://github.com/JeremyLikness/BlazorDebounce)  .
- .NET 6 Gets Blazor WebView Controls for WPF, WinForms - April 9, 2021 - .NET 6 Gets Blazor WebView Controls for WPF, WinForms.
- ASP.NET Core updates in .NET 6 Preview 3 - April 8, 2021 - .NET 6 Preview 3 is now available and includes many great new improvements to ASP.NET Core.
- Excluding Files from PWA Asset Cache - March 24, 2021 - This article shows how to exclude a files from the Progressive Web Application asset cache.
- AWS Previews Deployment Tool for .NET Web Apps, Blazor WebAssembly - March 19, 2021 - Amazon Web Services (AWS) announced a developer preview to ease the process of deploying .NET web apps on the cloud platform, which has become more complex with the advent of tech like Docker and serverless joining the ever-growing .NET ecosystem.
- Display a Docker Build Version - March 19, 2021 - This article shows one way to show the Build or Application version, passing it down through a Docker build.
- The path to .NET 5 and Blazor WebAssembly with some fun sprinkled in - March 17, 2021 - The path to .NET 5 and Blazor WebAssembly with some fun sprinkled in.
- .NET 5 Blazor Powers 'Rock, Paper, Scissors, Lizard, Spock' Game - March 17, 2021 - .NET 5 Blazor Powers 'Rock, Paper, Scissors, Lizard, Spock' Game. [Source code](https://github.com/microsoft/RockPaperScissorsLizardSpock)  .
- .NET 6 Preview 2 Boosts Razor/Blazor in ASP.NET Core - March 12, 2021 - Razor and Blazor received some dev attention in the second preview of Microsoft's .NET 6 landmark release, coming in November to wrap up formerly disparate .NET components into one cross-platform, open source framework for just about any kind of application.
- ASP.NET Core updates in .NET 6 Preview 2 - March 11, 2021 - .NET 6 Preview 2 is now available and includes many great new improvements to ASP.NET Core.
- Securing Blazor Web Assembly using cookies - March 8, 2021 - Securing Blazor Web Assembly using cookies. [Source code](https://github.com/damienbod/AzureADAuthRazorUiServiceApiCertificate/tree/main/BlazorBff)  .
- ASP.NET Core docs: What's new for February 1, 2021 - February 28, 2021 - March 3, 2021 - Welcome to what's new in the ASP.NET Core docs from February 1, 2021 through February 28, 2021. This article lists some of the major changes to docs during this period.
- Razor Pages has Components too don't you know - March 2, 2021 - Razor Pages has Components too don't you know.
- Blazor hosting models - mind map - February 26, 2021 - Blazor hosting models - mind map update after .NET 6 preview 1 announcement by Konrad Kokosa on Twitter.
- Blazor Layout Components - February 22, 2021 - Blazor Layout Components, by Ed Charbeneau.
- ASP.NET Core updates in .NET 6 Preview 1 - February 17, 2021 - ASP.NET Core updates in .NET 6 Preview 1.
- Announcing .NET 6 Preview 1 - February 17, 2021 - Announcing .NET 6 Preview 1.
- Blazor Component Testing - February 16, 2021 - Blazor Component Testing, by Ed Charbeneau.
- Blash: Twitter Dashboard Using Blazor Wasm, Web API, SignalR & Twitter API (Part 1) - February 5, 2021 - Blash: Twitter Dashboard Using Blazor Wasm, Web API, SignalR & Twitter API (Part 1), by Round The Code.
- .NET 6 Desktop Dev Options: WPF, WinForms, UWP, .NET MAUI, Blazor ... - February 3, 2021 - .NET 6 Desktop Dev Options: WPF, WinForms, UWP, .NET MAUI, Blazor ...
- Improvements to the new Razor editor in Visual Studio - January 26, 2021 - Improvements to the new Razor editor in Visual Studio, by Daniel Roth from Microsoft.
- Signed HTTP Exchanges: A path for Blazor WebAssembly instant runtime loading - January 26, 2021 - This article explores Signed HTTP Exchanges, which may help when loading the .NET runtime in Blazor WebAssembly apps.
- Enabling prerendering for Blazor WebAssembly apps - January 19, 2021 - This post describes the steps to enable server-prerendering for a Blazor WebAssembly application. This post serves as an introduction to some more interesting prerendering approaches I'll be looking at in future posts. [Source code](https://github.com/andrewlock/blog-examples/tree/master/BlazorPreRender)  .
- How Blazor performs against other Frameworks - January 18, 2021 - How Blazor performs against other Frameworks, by David Grace for Telerik.
- Blackjack in Blazor Part 1 - Rules and Modeling the Game - January 2021, 18 - Blackjack in Blazor Part 1 - Rules and Modeling the Game, on Exception Not Found.
- Persisting your users preferences using Blazor and Local Storage - January 14, 2021 - Persisting your users preferences using Blazor and Local Storage.
- Microsoft Teams App With Blazor Made Easy Using Blazorade Teams - January 10, 2021 - Microsoft Teams App With Blazor Made Easy Using Blazorade Teams. [Source code](https://github.com/Blazorade/Blazorade-Teams)  .
- How to Use Query Strings in Blazor WebAssembly - January 7, 2021 - In this article, we are going to learn how to use query strings in Blazor WebAssembly. We are going to show you how to send query strings to the Blazor component and also how to read them inside the component. [Source code](https://github.com/CodeMazeBlog/blazor-wasm-query-strings)  .
- Displaying lists efficiently in Blazor - January 6, 2021 - Blazor's Virtualize component will let you display long lists faster without writing a lot of code. If you want to take full advantage of the component, however, you'll need a relatively smart repository to back it up.
- Introducing Online GZIP de/compressor, built with Blazor WebAssembly - January 1, 2021 - Introducing Online GZIP de/compressor, built with Blazor WebAssembly.
- Blazor on Desktop - February 17, 2021 - Blazor on Desktop. This article explores how to make Blazor web apps run on Desktop.
- What’s new in the Microsoft Fluent UI library for Blazor versions 1.3 and 1.4 - June 9, 2022 - The FAST team and friends have been hard at work not only on Microsoft’s core Web Components platform, but also on Fluent UI integrations for Blazor. This post will give you an overview of what’s new and changed in versions 1.3 and 1.4 of the [Microsoft Fluent UI Blazor library](https://www.nuget.org/packages/Microsoft.Fast.Components.FluentUI/).
- Dependency Injection Scopes in Blazor - May 31, 2022 - The dependency injection system is a big part of how modern ASP.NET Core works internally: It provides a flexible solution for developers to structure their projects, decouple their dependencies, and control the lifetimes of the components within an application. In Blazor - a new part of ASP.NET Core - however, the DI system feels a bit odd, and things seem to work a bit differently than expected. This article will explain why this is not only a feeling but indeed the case in the first place and how to handle the differences in order to not run into problems later on.
- Blazor WebAssembly: The Power Of EF Core And SQLite In The Browser - April 12, 2022 - Sneak Preview how to use SQLite and EF Core in the browser with Blazor WebAssembly.
- ASP.NET Core updates in .NET 6 Release Candidate 2 - October 12, 2021 - .NET 6 RC2 is very close to the final build of .NET 6 that we expect to ship in November this year in time for .NET Conf 2021. It’s also a “go live” release, so you’re welcome to use it in production. .NET 6 RC2 primarily contains quality improvements and bug fixes, although it does also include a few new features as well.
- Introducing KlipTok - April 20, 2021 - Introducing KlipTok – Social Media fun for Twitch Clips.
-
-
Podcasts
-
Others
- Real World Blazor With Steve Peirce - November 5, 2021 - .NET Core Show, Episode 86 - Real World Blazor With Steve Peirce. Duration: 62 minutes.
- bUnit, TDD, and Sci-fi with Egil Hansen - July 18, 2021 - In this episode, Jimmy and Jessica talk to Egil Hansen about bUnit, test-driven development, and Sci-fi. Duration: 72 minutes.
- Steve Sanderson - Blazor, WASI and optimizing tomatoes - July 17, 2022 - At NDC London we sat down with Steve Sanderson and talked about the origin story of Blazor, some of the upcoming things in .NET 7, and what Steve is working on right now. Duration: 35 minutes.
- David Ortinau on .NET MAUI - May 27, 2022 - Jon Galloway talks to David Ortinau about [.NET MAUI](https://docs.microsoft.com/en-us/dotnet/maui/what-is-maui). Duration: 41 minutes. [YouTube video](https://www.youtube.com/watch?v=OyqzWAivI7I).
- The Unhandled Exception Podcast: Microsoft Build 2022 - May 25, 2022 - Microsoft have just had their annual Build conference - which comes with a whole host of exciting announcements and discussions about hot programming topics in the Microsoft developer space. And each year, I long for a podcast episode to come out straight after Build, overviewing them! Well, this year - this podcast aims to do just that! In this episode, I was joined by both Scott Hunter and Gaurav Seth to chat about various topics. Check out the links below for a guide to what we discussed. Duration: 71 minutes.
- ASP.NET, Blogging, Kuberetes, and more - May 10, 2022 - The Unhandled Exception Podcast with Andrew Lock (andrewlock.net). He’s the author of the Manning ebook, ASP.NET Core in Action, Second Edition. This episode covers a lot - from the different flavours of ASP.NET, to Kubernetes, Blazor, gRPC, testing, Minimal API, MediatR and more.
- Umbraco Heartcore and Blazor with Poornima Nayar - May 4, 2022 - In this episode we talked with Poornima Nayar about Umbraco Heartcore and where you might use it, Blazor, a little on GraphQL and how it fits very well with mobile apps which communicate with remote APIs. Duration: 59 minutes.
- In The Core of Blazor - February 12, 2022 - Steve Sanderson talks about his journey into tech, his life, education, career and everything else in between. Duration: 73 minutes.
- OpenSilver Ships with Giovanni Albani - December 9, 2021 - OpenSilver reaches V1! Carl and Richard talk to Giovanni Albani about OpenSilver - an open-source, plug-in-free implementation of Silverlight. Giovanni talks about how the client-side of OpenSilver is different from Silverlight, using Web Assembly to eliminate the need for the plug-in. But the developer SDK side is as close to identical as possible. The conversation explores going beyond compatibility with Silverlight 5 from 2011 to more modern capabilities, including the latest versions of .NET and C#. OpenSilver is not just a migration solution - it's a cross-platform development platform that is continuing to grow. Duration: 49 minutes.
- Michael Washington on Blazor in .NET 6 - November 22, 2021 - Hot off the heels of .NET Conf, there is tons to discuss regarding Blazor and .NET 6! Michael shares the key announcement that developers should be looking out for, the announcements he was personally most excited for, and his advice for those looking to just get started with Blazor. He also speaks about some of his recently published books on the topics of Blazor Oqtane and Blazor WebAssembly, speaks about the current state of third-party UI controls and components, and where you can go to take an even deeper dive into everything he discusses today. Duration: 34 minutes.
- .NET 6 and Visual Studio 2022 are here - November 15, 2021 - Conversation about the latest in .NET 6, VS 2022, and all of .NET Conf 2021. Duration: 42 minutes.
- Blazor with Chris Sainty - July 13, 2021 - In this episode, I was thrilled to be joined by Chris Sainty to chat all about Blazor! Blazor is a new .NET technology allowing you to build SPA-like frontend web UIs in C#! Very focused on developer productivity and componentisation - Blazor is certainly going to become my go-to for frontends moving forward! And chatting with Chris in this episode, has shown me even more reasons why Blazor is becoming so immensely popular.
- React, writing a book, and Blazor with Carl Rippon - March 22, 2021 - Coding after work, episode 57: React, writing a book, and Blazor with Carl Rippon. Duration: 35 minutes.
- .NET 6 with Daniel Roth - March 11, 2021 - What's next for .NET? Carl and Richard chat with Dan Roth about all the good things coming this November for .NET. The conversation starts out with some discussion around Blazor, which is no longer an experimental project, but now a key part of .NET. Dan talks about the role of MAUI bringing together UI elements for smartphones, tablets, PCs, and more. There's a lot to look forward to by the end of 2021. Duration: 58 minutes.
- Blazor Keeps Getting Better with Daniel Roth - March 9, 2021 - .NET 059: Blazor Keeps Getting Better with Daniel Roth. Blazor has come a long way since 2018. Blazor WebAssembly was released in 2020 and Blazor was integrated as a full-fledged member of .NET 5. Daniel Roth joins us to discuss the progress and improvements the Blazor team has made over the last year. We also discuss a number of updates coming in 2021 like the new Razor editor. The future of Blazor is bright, indeed. Duration: 61 minutes.
- Blazor in Action with Chris Sainty - January 8, 2021 - Blazor in Action with Chris Sainty in the .NET Core Show, episode 67. Duration: 67 minutes.
- Eilon Lipton on Blazor Desktop - November 8, 2021 - In this episode, Eilon is discussing the ins and outs of Blazor Desktop — which is currently 100% of what he’s been working on. He takes listeners on a deep-dive of Blazor Desktop, sharing what they need to know in anticipation of .NET 6 and the GA drop of Visual Studio 2022 coming out. He also touches on WPF, WinForms, MAUI, and the 2021 DEVintersection Conference. Duration: 50 minutes.
- Daniel Roth on Web Development with .NET 6 - September 13, 2021 - Azure DevOps Podcast, episode 158: Daniel Roth on Web Development with .NET 6. Daniel was last on the podcast over two years ago in episode 47 to discuss Blazor DevOps. In this episode, he and Jeffrey discuss web development with .NET 6.0. He shares the high points of what’s coming next for .NET 6.0, the major differences between .NET 5.0 and 6.0, what to look forward to with regards to Blazor, and his insights on WASM tooling, minimal APIs and hosting, and hot reload within .NET 6.0. Duration: 45 minutes.
- Dean Guida on the Future of .NET Components - August 16, 2021 - Dean Guida shares his insights on the future of .NET components; lessons he has learned having run a software company for over 30 years; his top recommendations when it comes to managing software teams, DevOps toolchains, preparing for the release of .NET 6, server-side vs. Web Assembly, what .NET developers should be doing today for full system testing, and more! He also gives advice to aspiring entrepreneurial software engineers, an overview of Infragistics’ tools, and what to be looking out for as a software developer today. Duration: 34 minutes.
-
-
Tooling
-
Others
- .NET Core - .NET Core.
- Razor+ Visual Studio Code extension - A Visual Studio Code extension that offers improved Razor support.
- Visual Studio Code - Visual Studio Code, free, open source and cross-platform code editor.
- Blazor Snippets Visual Studio Code extension - A Visual Studio Code extension that offers Blazor and Razor snippets.
-
-
Introduction
-
Get started
-
What is Blazor?
-
-
Presentations slides
-
Others
- Using .NET 5 with the Raspberry Pi - January 28, 2021 - Using .NET 5 with the Raspberry Pi, on Slideshare.
- Focus on Blazor - January 2020 - All the materials of the .NET Conf "Focus on Blazor". The videos are on [YouTube](https://www.youtube.com/playlist?list=PLdo4fOcmZ0oWlP1Qpzg7Dwzxr298ewdUQ).
-
-
E-Books
-
Others
- Blazor, A Beginners Guide - March 18, 2020 - A free e-book for getting started with the Blazor framework. [Examples source code](https://github.com/EdCharbeneau/BlazorBookExamples).
- 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](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#e-books).
-
-
Community
-
Others
- Awesome Blazor on Twitter - This repository's Twitter feed.
- Learn Blazor - Community documentation on Blazor.
- Blazor Help Website - Blogs and code samples primarily covering server-side Blazor.
- Stack Overflow - Blazor questions feed on Stack Overflow.
- Twitter - Hashtag on Twitter.
- WebAssemblyMan - Man page for Blazor and WebAssembly.
-
-
Blazor in .NET 7 - .NET Community Standup (August 23, 2022).
Programming Languages
Categories
Sub Categories
Keywords
blazor
41
blazor-webassembly
14
webassembly
13
dotnet
12
csharp
12
wasm
8
blazor-server
7
blazor-client
6
aspnetcore
5
dotnet-core
4
grpc
3
cms
3
asp-net-core
3
demo
3
c-sharp
3
azure
3
mvc
2
microsoft
2
microsoft-teams
2
authentication
2
dotnetcore
2
roles
2
kestrel
2
identityserver4
2
grpc-web
2
netcore
2
azure-cognitive-services
2
efcore
2
claims
2
html
2
game
2
net
2
entity-framework-core
2
pwa
2
docker
2
net6
1
kentico-kontent
1
webassembly-demo
1
kentico
1
aspnetapp
1
dotnet6
1
dotnet-6
1
dot-net-6
1
bootstrap4
1
bootstrap-theme
1
bootstrap-4
1
bootstrap
1
blazor-web
1
blazor-in
1
questions-and-answers
1