awesome-blazor
Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
https://github.com/AdrienTorris/awesome-blazor
Last synced: 6 days ago
JSON representation
-
Sample Projects
-
Others
- 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/)).
- Blazor.Text.Editor -  Blazor.Text.Editor is a Text Editor component library using the Blazor UI Framework for .NET. [Demo](https://hunter-freeman-dev.azurewebsites.net/).
- Blazor Wake-on-LAN -  Wake-on-LAN app for local networks. Blazor Server + EF Core + DI + CI.
- 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/).
- Nethereum Playground -  Compile and run Nethereum snippets on the browser. You can run it here: http://playground.nethereum.com/.
- Unofficial eShopOnContainers -  Unofficial Blazor WebAssembly client for [eShopOnContainers](https://github.com/dotnet-architecture/eShopOnContainers).
- 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.
- BlazorAndTailwind -   Sample project, guide and tips for setting up [TailwindCSS](https://tailwindcss.com/) in Blazor.
- 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/).
- BlazorServerImageRecognitionApp -  Simple Blazor Server app which uses image recognition to identify and extract text printed in an image file uploaded by the user. [Demo](https://blazorimagerecognitionapp.azurewebsites.net/).
- FootballBlazorApp -  Simple Football Blazor Server web app displaying fixtures & results, group standings, teams & players and has a player search. [Demo](https://premierleagueblazorapp.azurewebsites.net/).
- ComponentBuilder -  -  An automation framework to create Blazor component by `RenderTreeBuilder`.
- Moldinium -  MobX-style dependency tracking in Blazor (proof-of-concept level maturity)
- Pointing Party -  A tool for distributed agile story point estimation ceremonies, using Blazor WebAssembly and SignalR. [Demo](https://pointingparty.com).
- SaveHere -   Cloud Download Manager for direct links and media files from Youtube/Spotify/etc with media converter and builtin proxy to bypass restrictions.
-
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.
- ididit! -   The procrastination friendly habit tracker. ake notes, manage tasks, track habits. [Demo](https://app.ididit.today/).
-
-
Source generators
-
Others
- BlazorOcticons - square&cacheSeconds=604800)  Github [Octicons](https://primer.style/design/foundations/icons/) created as a .razor components using source generator. The generated components are available via the NuGet package, the generator itself is available as a separate NuGet package. The project website is an example using the generated components.
- BlazorInteropGenerator -   Github [Octicons](https://primer.style/design/foundations/icons/) Generates Blazor -> Javascript strongly typed interop methods, by parsing the Javascript it self and generating extension methods for IJSRuntime.
- RazorPageRouteGenerator -   Generates methods with parameters for Razor and Blazor pages, so you can navigate without having to guess URLs or parameters.
-
-
Templates
-
Get started
- Text Editor from scratch with Blazor and C# - Serie of videos on YouTube who explain how to build your own IDE from scratch with Blazor and .NET. [Starting point repo](https://github.com/huntercfreeman/Blazor.Text.Editor-VideoSeries)  . [Blazor Studio repo](https://github.com/huntercfreeman/BlazorStudio)  .
- BitPlatform Templates -   - Solution templates using .Net MAUI and Blazor with out-of-the-box best practices enabling fast and high-quality cross-platform development for web, android, iOS, and Windows with native beautiful Blazor components. The projects created by these templates contain everything required for developing real-world applications, including (but not limited to) CI/CD pipelines, Infra as Code for Azure, localization, multi-mode development (Blazor Server/WASM/Hybrid), builtin bullet proof exception handling, etc. [Read more](https://bitplatform.dev/).
- Blazor BFF Azure AD -   - This template can be used to create a Blazor WASM application hosted in an ASP.NET Core Web app using Azure AD and Microsoft.Identity.Web to authenticate using the BFF security architecture. (server authentication) This removes the tokens form the browser and uses cookies with each HTTP request, response. The template also adds the required security headers as best it can for a Blazor application. [Read the Quick Start Guide here](https://github.com/damienbod/Blazor.BFF.AzureAD.Template/blob/main/README-NUGET.md/).
- Blazor BFF Azure B2C -   - This template can be used to create a Blazor WASM application hosted in an ASP.NET Core Web app using Azure B2C and Microsoft.Identity.Web to authenticate using the BFF security architecture. (server authentication) This removes the tokens form the browser and uses cookies with each HTTP request, response. The template also adds the required security headers as best it can for a Blazor application. [Read the Quick Start Guide here](https://github.com/damienbod/Blazor.BFF.AzureB2C.Template/blob/main/README-NUGET.md/).
- BlazorSwa Template - This is a simple template for the .NET CLI which allows to create a Blazor project ready to be deployed in an Azure Static Web Apps. It allows to create an Azure Function project as backend.
- Text Editor from scratch with Blazor and C# - Serie of videos on YouTube who explain how to build your own IDE from scratch with Blazor and .NET. [Starting point repo](https://github.com/huntercfreeman/Blazor.Text.Editor-VideoSeries)  . [Blazor Studio repo](https://github.com/huntercfreeman/BlazorStudio)  .
- Clean Architecture with Blazor Server - square)  - Another template with MudBlazor and CleanArchitecture approach.
- CleanAspire -   - CleanAspire is a cloud-native template powered by Aspire for cloud environments with scalability and offline support. Using .NET 9 Minimal APIs and Blazor WebAssembly, it provides a lightweight, fast foundation for building Progressive Web Applications (PWA) optimized for the cloud.
- Blazor Hero -   - Clean Architecture Solution Template for Blazor WebAssembly built with MudBlazor Components. This project will make your Blazor Learning Process much easier than you anticipate. Blazor Hero is meant to be an Enterprise Level Boilerplate, which comes free of cost, completely open sourced. [Read the Quick Start Guide here](https://codewithmukesh.com/blog/blazor-hero-quick-start-guide/).
-
-
Tooling
-
Others
- BlazorFiddle - Blazor .Net Developer Playground and Code Editor in the Browser.
- Blazor Snippets Visual Studio Code extension - A Visual Studio Code extension that offers Blazor and Razor snippets.
- .NET Core - .NET Core.
- Razor+ Visual Studio Code extension - A Visual Studio Code extension that offers improved Razor support.
- Visual Studio - Latest preview of Visual Studio.
- Visual Studio Code - Visual Studio Code, free, open source and cross-platform code editor.
- LiveSharp -   Update `.razor` files and see the updates instantly without reloading the page. Your application state is preserved because there is no need to reload anything. [livesharp.net](https://www.livesharp.net/).
- Blazor Minimum Project Templates -   A project templates package of Blazor apps without JavaScript and CSS libraries.
- Blazor REPL -   Write, compile, execute and share Blazor components entirely in the browser - https://blazorrepl.com.
- Publish-time Pre-render for Blazor Wasm -  When you publish your Blazor WebAssembly app, this package pre-renders and saves the app as static HTML files in your public folder.
- Publish SPA for GitHub Pages -  Add this NuGet package to your Blazor WebAssembly project to easily publish it to GitHub Pages.
- WebCompiler -   A dotnet global tool for compilation, minification, and compression of scss, css and js.
- Tracetool -   Tracetool viewer, client Api for Dotnet, Java, Javasvript, C++ , Python, Delphi.
- Visual Studio - Latest preview of Visual Studio.
-
-
Tutorials
-
Others
- 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)  .
- NextTechEvent by Coding After Work - Build "NextTechEvent", a site that will help speakers, organizers, and attendees find their next tech event. [Source code](https://github.com/CodingAfterWork/NextTechEvent)  .
-
-
Videos
-
Others
- ASP.NET Community Standup - Blazor Experiments + eShop Q&A -  December 12, 2023 - In this session, we will show you some experimental ideas for Blazor and .NET+WASI and answer your questions about the .NET eShop Blazor App. [Community links](https://www.theurlist.com/blazor-standup-2023-12).
- .NET Conf: Integrating Blazor with existing .NET web apps -  November 18, 2023 - ASP.NET's RazorComponent model is intuitive and brings productivity to web development. In this session we'll learn how RazorComponents aren't just for Blazor apps and how we can integrate the best part of Blazor with existing ASP.NET applications using: Razor Pages, MVC, and even other front-end technologies.
- .NET Conf: Building beautiful Blazor apps with Tailwind CSS -  November 18, 2023 - 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 code focused talk, you will learn how to bring the power of Tailwind CSS to your Blazor applications. We’ll start off with a brief introduction to Tailwind. 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 just how beautiful we can make our Blazor app.
- .NET Conf: Blazor Puzzles and Answers -  November 18, 2023 - The Blazor Puzzle podcast team of Carl Franklin and Jeff Fritz have a collection of puzzles and brain-teasers for you in this code-focused session about the latest features of the Blazor framework. We'll fix bugs, build cool features, and even write a unit test or two.
- .NET Conf: Blazor-testing from A to Z -  November 18, 2023 - Discuss and showcase the different Blazor testing strategies, libraries, and tools available to us, so whether you are building a website, web app, or a reusable Blazor component library, you can pick the ones that yield the most bang for the buck. Specifically, this session covers end-2-end testing, component testing, unit testing, Playwright, bUnit, snapshot testing, semantic markup comparison, emulating user interactions, and how and when to use test doubles (e.g., mocks).
- .NET Conf: Full stack web UI with Blazor in .NET 8 -  November 15, 2023 - In .NET 8 you can deliver the best web app experiences entirely in Blazor using Blazor's convenient component model. You can build your entire web app in Blazor without the needed for writing JavaScript or mixing web frameworks. In this session you'll see how you can use Blazor's new server-side rendering support to power your web apps from the server for maximum performance and scalability. You'll see how you can easily add advanced capabilities like streaming rendering and enhanced navigation & form handling to further optimize the user experience. Then add rich client-side interactivity wherever it is needed using Blazor Server or Blazor WebAssembly.
- Building Hybrid User Interfaces with Blazor Hybrid [Pt 4 -  November 10, 2023 - Let's start to build out a full application with Blazor Hybrid inside of .NET MAUI. Join James as he walks through building out a full to do application with web components.
- ASP.NET Community Standup - New Blazor updates in .NET 8 RC2 -  October 10, 2023 - About what Blazor has to offer in .NET 8 RC2. [Community links](https://www.theurlist.com/aspnet-community-standup-2023-10-10).
- Blazor on .NET 8 - Ten Reasons why Blazor on .NET 8 is a Game Changer -  October 10, 2023 - 10 reasons why the new enhancements and new features about Blazor released with .NET 8 are an absolute game changer.
- ASP.NET Community Standup - Full Stack Blazor Tips and Updates -  September 12, 2023 - Discover how full stack Blazor apps work and how they differ from traditional Blazor Server and WebAssembly apps. We'll also explore some of the new full stack UI features that Blazor offers in .NET 8 RC1. [Community links](https://www.theurlist.com/blazor-standup-2023-09).
- The Blazor Puzzle : Puzzle 3 -  September 8, 2023 - Carl Franklin and Jeff Fritz offer Blazor-based problems to be solved and give away prizes to lucky winners. [Source code](https://github.com/BlazorPuzzle/Puzzle-3).
- How to Authenticate a Blazor Server App with Azure AD -  September 7, 2023 - This short video is about how to create a new Blazor Server application and authenticate it using Azure AD.
- Burke Learns Blazor - API Updates -  August 25, 2023 - We're going to update the API to use the Cosmos client and maybe do some updates on the Edit form. And Burke shows off the signature move that won him the "Pop 'n' Lock" championship.
- Beautiful Blazor UI Everywhere with Telerik -  August 22, 2023 - Becky is joined by Sam Basu from Progress showing off the latest controls for Blazor and Blazor Hybrid apps with Telerik UI.
- New Blazor Rendering Mode Features in .NET 8.0 -  August 14, 2023 - In this video we'll explore how to integrate the new Blazor Server Side rendering capabilities in .NET 8.0 with the traditional Blazor WebAssembly and Blazor Server (SignalR) hosting models for a rich client-side experience. We'll explore the differences between these different options, how to seamlessly implement each option where it makes sense, and discuss different architecture approaches with Blazor in ASP.NET Core 8.0.
- What's New in Blazor for .NET 8 -  August 4, 2023 - Come find out about the future of Blazor in .NET 8! We'll explore all the upcoming features and improvements, including our effort to create a unified full stack web UI programming model that combines the strengths of client and server. We hope to see you there.
- What is the Future of Blazor? Should I Learn Blazor? -  July 27, 2023 - Should I learn a JavaScript framework or concentrate on mastering Blazor? What is the future of Blazor? Is Microsoft invested in making Blazor great? We will answer these questions in today's Dev Questions episode.
- Burke Learns Blazor -  July 7, 2023 - Finishing the API and starting the UI. [Community links](https://www.theurlist.com/burke-learns-blazor).
- Adding Progress Indicators & Progress Telerik Maps in 'Next Tech Event' | Part 21 -  July 4, 2023 - In this episode, we discuss and implement progress indicators to enhance user experience. Plus, we integrate a Map component from Progress Telerik, adding a visually striking and functional element to the platform. [Source code](https://github.com/CodingAfterWork/NextTechEvent).
- Burke Learns Blazor - Let's build the API! -  June 30 - Last week we got the API started - let's finish it up and start on the UI. [Url list](https://www.theurlist.com/burke-learns-blazor).
- The Blazor Power Hour: Sections, SectionOutlet, and SectionContent in .NET 8 Preview -  June 28, 2023 - Let's take a deep dive into a .NET 8 Preview feature, sections. What are SectionOutlet, and SectionContent? How do we use them to build an extensive layout system for Blazor applications?
- Creating a Twitter Clone with Blazor Spark -  June 21, 2023 - Learn how to utilize the Blazor Spark framework by building a Twitter clone.
- Burke learns Blazor by porting a Vue.js app to Blazor -  June 15, 2021 - This summer, Burke and Jon are porting theurlist.com to Blazor - a real world JavaScript application written in Vue.js. Join them each week as they use Visual Studio, Visual Studio Code and GitHub Copilot to rebuild this app and try to tackle every frontend issue you might encounter along the way. [Community links](https://www.theurlist.com/burke-learns-blazor).
- ASP.NET Community Standup - Featured community project: Blazor Studio -  June 14, 2023 - Chat about Blazor Studio, this month's featured Blazor community project. [Community links](https://aka.ms/AAl2w0l).
- What's new in .NET 8 for Web frontends backends and futures? -  May 26, 2023 - Join this session to explore new features in .NET 8 for web frontends, backends, and future development. Discover how .NET 8 enhances web app development with better performance, new APIs, and modern development support. Get guidance on leveraging these tools for scalable, efficient cloud apps. Suitable for both experienced and new .NET developers, this session offers valuable insights into the latest developments in .NET 8 for web development.
- Running ASP.NET Core Apps without a server? WHAT??? -  May 26, 2023 - By Isaac Levin at the NDC Oslo 2023. With the introduction of WebAssembly-based Blazor, .NET developers can now build solutions that can run on all sorts of new hosting platforms, even ones without servers. Building applications that can run nearly anywhere, all written in C# is an amazing experience for web developers, far and wide. Write code in the programming language you love, without having to learn the newest Javascript framework (though you can interop if you want to!) is the reason why Blazor is one of the most exciting things in the current .NET landscape. In this session, we will go over the technology of Blazor WebAssembly and showcase deploying a .NET app that can run in places we never thought we could.
- Running Blazor in Production, Lessons Learned -  May 24, 2023 - Since we started using Blazor in 2019, it's been an excellent tool for our team of C# developers. Even when Blazor was brand new, we used it in our latest project, which really helped us. Seeing other people in our field, I can say that Blazor was a key to our project's success. Our journey with Blazor has mostly been easy, but we have still learned a lot along the way. In this video, I will share some tips and lessons we have picked up. I will also discuss how to make smart choices and avoid problems when you're changing your existing project to use Blazor.
- Full stack web in .NET 8 with Blazor -  May 24, 2023 - Learn how ASP.NET Blazor in .NET 8 allows you to use a single powerful component model to handle all of your web UI needs, including server-side rendering, client-side rendering, streaming rendering, progressive enhancement, and much more.
- Blazor + .NET MAUI – the perfect “hybrid” -  May 24, 2023 - In this session, we demonstrate how to leverage DevExpress Blazor/.NET MAUI UI components to deliver intuitive mobile solutions that amaze. We show you how Blazor Hybrid apps reduce time to market and how our adaptive Blazor Data Grid can be used alongside our rich collection of FREE .NET MAUI UI components to address a variety of usage scenarios.
- How to Create a PDF Document in Blazor Using the .NET PDF Library -  May 23, 2023 - .NET Build session: How to Create a PDF Document in Blazor Using the .NET PDF Library. PDFs are an ideal format for sharing and archiving documents, but creating a viewer from scratch requires a deep understanding of PDF specifications and programming languages. What benefit does a PDF viewer provide for your business? It makes it easy to send a report to stakeholders, send an invoice to a customer, or generate a receipt in a retail shop. In this demo, we’ll show how you can easily add a PDF viewer to your app with text, images, and a table in the PDF document.
- Blazor + .NET MAUI – the perfect “hybrid” -  May 23, 2023 - Microsoft Build session: Blazor + .NET MAUI – the perfect “hybrid”. In this session, we demonstrate how to leverage DevExpress Blazor/.NET MAUI UI components to deliver intuitive mobile solutions that amaze. We show you how Blazor Hybrid apps reduce time to market and how our adaptive Blazor Data Grid can be used alongside our rich collection of FREE .NET MAUI UI components to address a variety of usage scenarios.
- On .NET Live - Micro Frontends with Blazor -  May 22, 2023 - Have you ever considered writing microservices in Blazor? In this week's episode, community MVP Florian Rappl joins us to talk about micro frontends. He'll show us how to break a Blazor UI into modules for maintainability and development by decoupled teams.   [Sample repo](https://github.com/piral-samples/netflix-demo). [Demo](https://notflix-demo.samples.piral.cloud/browse).
- Running Blazor in production, lessons learned - Jimmy Engström - NDC London 2023 -  May 19, 2023 - We have been running Blazor in production for over two years now. Everyone in our team is a C# developer, so when we went into our latest project Blazor was a natural choice, even though Blazor was only a week old. Looking at my peers working in the same space, I am convinced that it saved our project by switching to Blazor. Even though it has been mostly smooth sailing we have learned a lot during the years. In this session, Jimmy Engström will give you some of the tips, tricks, and learnings we have collected over the years, when to choose what, and how to avoid pitfalls converting your exiting project to Blazor.
- ASP.NET Community Standup - Blazor .NET 8 Updates -  May 10, 2023 - Come check out some of the progress the Blazor team has made for .NET 8. [Community links](https://gist.github.com/MackinnonBuck/ebd4072c40eca01c177e8ab7e180c392).
- Building "Next Tech Event" using Blazor and RavenDB Part 16 -  May 9, 2023 - Part 16 of our new project, "NextTechEvent", a site that will help speakers, organizers, and attendees find their next tech event. In this stream, we made the attendee page look better, and with our close personal friend Chat GPT, we did a better-looking temperature view. [Source code](https://github.com/CodingAfterWork/NextTechEvent)   .
- Build a Connect Four game in your browser with .NET -  May 1, 2023 - Learn C#, F#, and .NET with free self-guided learning from [Microsoft Learn](https://aka.ms/learndotnet). [Connect4 lesson on Microsoft Learn](https://learn.microsoft.com/fr-fr/training/modules/dotnet-connect-four/).
- ASP.NET Community Standup - Blazor and Data API Builder -  April 11, 2023 - Learn about Data API Builder and how it can be used in Blazor app development. [Community links](https://www.theurlist.com/blazor-community-standup-2023-04-11).
- ASP.NET Community Standup - Blazor App Testing with Playwright -  February 23, 2023 - March 14, 2023 - Learn how to use Playwright to implement end-to-end testing for your Blazor application. [Community links](https://www.theurlist.com/blazor-standup-2023-03-14).
- Steve Sanderson on Blazor United -  February 23, 2023 - Carl talks to Steve Sanderson, creator of Blazor, to answer questions about Blazor United, coming in .NET 8.
- Exploring OpenAI with Blazor -  February 23, 2023 - Chat with Michael Washington about how .NET developers can leverage OpenAI GPT-3 in their Blazor applications.
- ASP.NET Community Standup - Blazor United in .NET 8 -  February 14, 2023 - The Blazor team shares early thoughts on Blazor United in .NET 8, an effort to create a single unified model for all your web UI scenarios that combines the best of Razor Pages, Blazor Server, and Blazor WebAssembly. [Community links](https://www.theurlist.com/blazor-standup-2023-02-14).
- On .NET Live - Mapping with GeoBlazor -  February 7, 2023 - Do you need to display mapping data in your Blazor apps? In this week's episode, community member Tim Purdum joins the panel to show us GeoBlazor, a versatile web mapping API that you can implement without having to write a single line of JavaScript.
- Blazor United prototype -  January 24, 2023 - A quick look at some of the experiments we're considering for Blazor in .NET 8.
- ASP.NET Community Standup - Exploring new and experimental features in Blazor -  January 10, 2023 - It show what it's like to build a .NET 7 Blazor app using both new and currently experimental features. Featuring: Daniel Roth, Jon Galloway, Mackinnon Buck. [Community links](https://www.theurlist.com/aspnet-community-standup-2023-01).
- Run a Blazor component inside React -  December 21, 2022 - Are you tired of slow and clunky web applications? Look no further than Blazor running in React! Blazor is a powerful framework for building interactive client-side web apps with C#, and when combined with the speed and flexibility of React, you get a winning combination for stunning, high-performance web experiences. In this video, we will use the new Custom Elements feature to run Blazor in React, and demonstrate some of the other exciting features and benefits of this dynamic duo. Don't miss out on the future of web development.
- ASP.NET Community Standup - Blazor .NET 8 Planning -  December 13, 2022 - Find out our early plans for Blazor in .NET 8. [Community links](https://www.theurlist.com/blazor-community-links).
- Use the IDE to make a Fluxor CRUD Application | Blazor IDE Part 2 -  November 18, 2022 - Use the IDE to make a Fluxor CRUD Application.
- What's new for Blazor in .NET 7 | .NET Conf 2022 -  November 10, 2022 - Blazor in .NET 7 is loaded with many new improvements to make building beautiful interactive web UI easier and more productive. In this session we'll take a look at the new support for custom elements, improved data binding, handling location changing events, showing loading progress, dynamic authentication requests, and more.
- Build an Audio Browser app with Blazor | .NET Conf 2022 -  November 10, 2022 - So you’ve heard about new features in .NET 7, but how does it all fit together when you build an app? Join Steve as he quickly builds an end-to-end audio manager app with Blazor WebAssembly using features old and new. This is a moderately advanced talk (it assumes existing Blazor knowledge) full of hints and tips including: cleaner ways to organize JS interop, directly accessing files on an end user’s filesystem, dynamically generating SVGs, creating an elegant “loading” experience, and the performance impact of AOT compilation. Full source code is provided!
- .NET ❤️’s WebAssembly in .NET 7 | .NET Conf 2022 -  November 10, 2022 - .NET 7 introduces powerful new capabilities for running .NET code on WebAssembly. In this session we’ll show how you can run .NET from any JavaScript code using the new and improved JavaScript interop support. We’ll look at debugging and hot reload improvements for .NET on WebAssembly and show how the .NET WebAssembly build tools in .NET 7 take advantage of the latest WebAssembly features like SIMD and Exception Handling to improve performance. We’ll also check out some upcoming and experimental .NET WebAssembly capabilities like support for multithreading.
- Testing Blazor Applications with Playwright | .NET Conf 2022 -  November 10, 2022 - Testing is hard, testing takes time to learn and to write, and time is money. As developers we want to test. We know we should but we don't have time. So how can we get more developers to do testing? We can create better tools. Let me introduce you to Playwright - Reliable end-to-end cross browser testing for modern web apps, by Microsoft and fully open source. Playwright's codegen generates tests for you so now you really have no excuses. It's time to play your tests wright.
- Create native desktop & mobile apps using web skills in Blazor Hybrid | .NET Conf 2022 -  November 10, 2022 - Are you a web developer and need to target iOS, Android, macOS, and Windows? Ship directly to the store and build world class apps with native API access with .NET MAUI and Blazor Hybrid.
- Modernize your WPF and Windows Forms application with Blazor | .NET Conf 2022 -  November 10, 2022 - Desktop is not dead and there are a lot of applications written in WPF and Windows Forms that need to be ported to Web, or reuse ready components written by the web team. Blazor can be the answer for both the requirements thanks to Blazor Hybrid. Let’s see how you can use it.
- CSS Techniques for Blazor Developers | .NET Conf 2022 -  November 10, 2022 - Does your CSS code remind you of an episode of Hoarders? In this session we’ll explore a variety of CSS related architecture decisions that Blazor developers face. Attendees will learn how and when to use plain CSS, Sass or CSS Isolation with Blazor. Modern CSS techniques like custom CSS properties will be discussed. We’ll explore techniques to build modular and intelligent CSS by leveraging CSS principals and incorporating helper libraries. This session aims to break the dependency on CSS systems like Bootstrap and Tailwind.
- Azure Static Web Apps with Blazor and .NET | .NET Conf 2022 -  November 10, 2022 - Are you a .NET developer who wants to quickly build and deploy full-stack .NET serverless applications? Then this talk is for you! In this session, we will learn how to use Azure Static Web Apps with Blazor and .NET. First, we will explore Azure Static Web Apps. Then take a look at getting started with Blazor WebAssembly paired with the serverless power of .NET Azure Functions or Azure Container Apps. We will continue on to explore other .NET API options now available. And finally, we will discover how to automatically build and deploy to Azure directly from our code repository.
- Localization in Blazor: Carl Franklin's Blazor Train Ep 90 -  November 3, 2022 - Carl shows how to easily support multiple languages in a Blazor WebAssembly application.
- Building "Next Tech Event" using Blazor and RavenDB Part 12 -  November 2, 2022 - Part 12 of the project "NextTechEvent", a site that will help speakers, organizers, and attendees find their next tech event. In this stream, we add search functionality using RavenDB by adding an index. A way for organizers to filter conferences by name, country, location, city, and tags or a combination of them. This way we can see how many conferences are happening in "Stockholm" or all the conferences named "NDC".   [Source code](https://github.com/CodingAfterWork/NextTechEvent).
- MAUI Blazor Podcast Client Part 2: The .NET Show with Carl Franklin Ep 30 -  October 20, 2022 - Adding guests and links, and playlist functionality.
- ASP.NET Community Standup - Blazor in .NET 7 Part III -  October 11, 2022 - Learn more about the latest multithreading and MSAL developments for Blazor in .NET 7. [Community links](https://www.theurlist.com/blazor_community_standup_october_2022).
- MSAL Auth in Blazor Server -  September 22, 2022 - Carl shows how to use MSAL and Azure AD B2C to authenticate users and call a secure API.
- ASP.NET Community Standup - Blazor in .NET 7 Part II -  September 13, 2022 - Learn more about the exciting runtime changes in Blazor for .NET 7. [Community links](https://www.theurlist.com/blazor_community_standup_september_2022). [Part 1](https://www.youtube.com/watch?v=mDKvgpD8YM0&feature=emb_imp_woyt).
- Make a Text Editor in Blazor from scratch, Blazor Text Editor Part 1. -  September 8, 2022 - Make a Text Editor in Blazor from scratch, Blazor Text Editor Part 1.
- Roslyn Syntax Highlighting | Blazor Text Editor Part 2 -  September 8, 2022 - Roslyn Syntax Highlighting | Blazor Text Editor Part 2.
- Make a Text Editor in Blazor from scratch | Blazor Text Editor Part 1 -  September 8, 2022 - Make a Text Editor in Blazor from scratch | Blazor Text Editor Part 1.
- .NET MAUI & Blazor - Sharing code between app and web - September 2, 2022 - In this video, Daniel will show you how to create a project for .NET MAUI and Blazor and how to structure the code so it can be shared between the app and the web.   [Source code](https://github.com/dhindrik/MauiBlazorHybridDemo).
- Blazor in 100 Seconds -  September 1, 2022 - Short presentation of Blazor. Blazor is a framework that can build frontend web applications with HTML, CSS, and C#. It leverages web assembly to eliminate JavaScript from the usual client-side tech stack.
- Build an interactive todo list with Blazor in minutes -  August 28, 2022 - In this tutorial we'll learn how to create a todo list with Blazor and improve the page using Bootstrap.
- 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.
- Blazor for ABSOLUTE beginners in 21 Minutes -  August 22, 2022 - In this tutorial you will learn the basics of building a website with Blazor and how the default Blazor project template works. If you have any problems feel free to leave a comment and I will try and get back to you. I've also added some notes below that you might find useful.
- 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).
- 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.
- 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.
- 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.
- 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.
- 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).
- .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).
- 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.
- 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.
- 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.
- 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.
- 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, 2022 - 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).
- ASP.NET Community Standup: Fluent UI Blazor -  April 23, 2024 - The Fluent UI Blazor library provides a set of Blazor components which are used to build applications that have a Fluent design (i.e. have the look and feel or modern Microsoft applications). Join Vincent and Denis to learn the fundamentals and building blocks of the library and demonstrate how to quickly incorporate it into your Blazor projects. Learn the basics of setting up the environment, use the interactive components, and change the styling of your application with Fluent UI design tokens.
- Understand the Next Phase of Web Development -  April 23, 2024 - Talk by Steve Sanderson at the NDC London 2024. It’s 2024, and the web continues to dominate the software landscape. Innovation proceeds in all directions, with new frameworks, build systems, and architectural patterns emerging at pace. But where are we all heading? Is there a pattern? What’s the next big phase? In this demo-centric talk we’ll look at the common trends across web frameworks: disruptive new features that are showing up across technologies and changing how web apps are built. We’ll dig into live code examples in Next.js (React), SvelteKit, Blazor, Astro, and more. We’ll see how these and others are setting a similar path for the next phase of web technology – and how you could implement the same features yourself without any framework. Finally, we’ll catch up on the state of WebAssembly and try out WASI preview 2 – the upcoming reinvention of WASI. Will it achieve the dream of seamless interop across all languages, operating systems, and CPU architectures? Will it become the standard for server-side cloud programming? Let’s build something with it.
- ASP.NET Community Standup: Blazor Hybrid + Web in .NET 9 -  April 9, 2024 - Learn how improvements coming to .NET 9 will make it easier to integrate Blazor Web and Blazor Hybrid.
- ASP.NET Community Standup - Modern Blazor Auth with OIDC -  February 13, 2024 - See how to connect a Blazor app to Microsoft Entra using OIDC and the BFF pattern.
- .NET Data Community Standup - Database concurrency and EF Core: ASP.NET and Blazor - Episode 2 - January 24, 2024 - In the last episode, we dug deep into the underpinnings of optimistic concurrency handling in EF Core. In this episode, we continue that journey to cover disconnected scenarios. That is, where the entity travels to a client and then back to the server before being updated in the database. We’ll look at the different patterns for doing updates like this in ASP.NET Core and Blazor apps and see how concurrency tokens work with each of these. We’ll also look at how `ExecuteUpdate` can be used with concurrency tokens, and take a look at ETag concurrency in Azure Cosmos DB.
- Learn C# with CSharpFritz - PWA and Publishing with Blazor -  May 1, 2024 - Fritz wraps up the series on Blazor with .NET 8 by enabling the pizza website as a progressive web app (PWA) and publishes it to Microsoft Azure.
- Introducing Smart Components Experiment for Blazor, MVC, and Razor Pages -  March 19, 2024 - Add genuinely useful AI-powered features to your web app, just by dropping in pre-built Smart Components that upgrade your existing pages and forms in minutes. Steve Sanderson shows how SmartPaste, SmartTextArea, and SmartComboBox can all delight your users and make them more productive. This is a new experiment from the .NET team, and they want feedbacks.
- Let's Learn .NET - Blazor -  January 25, 2024 - Live with the lead Blazor Product Manager, Daniel Roth, we will learn about basic web development with .NET Blazor! Then, build an interactive web-based game application with Blazor. Come to learn something new and leave with something that we all built, together, live with experts.
- Supercharging Blazor SSR with htmx -  April 29, 2024 - Are you using a front-end framework with Blazor? In this week's episode, community MVP Egin Hansen shows us how to supercharge Blazor static server-side rendering (SSR) with the htmx front-end library. Adding htmx gives you access to another level of interactivity while still retaining all the advantages of Blazor SSR stateless nature.
- Clean Architecture with .NET MAUI, Blazor, and ASP.NET Core -  May 22, 2024 - We've heard a lot about how using .NET to build our UI applications lets us share code across our whole stack, but finding the best way to do this isn't straightforward. UI code and API code can sometimes seem at cross-purposes and it's not always obvious how using .NET code across your whole stack provides any advantages over using different technologies for your UI and API. It's easy to fall into the trap of underutilizing the right code-sharing techniques. Or, at the other extreme, butchering your architecture for the sake of sharing code. In this talk, Matt Goldman (author of .NET MAUI in Action) will look at extending Clean Architecture to incorporate UIs built with .NET MAUI and Blazor. See sensible ways to write clean, testable, re-usable code that can be shared across the different layers of your solution, and across different solutions in your enterprise, to optimize efficiency and minimize duplication. We'll also see how to avoid the common pitfalls of over-engineering or under-sharing. You will walk away knowing how to make full-stack code shared with .NET a reality.
- On .NET Live: Generating sound in Blazor with Blazor.WebAudio - June 3, 2024 - Are you using audio in your Blazor applications? This week, Kristoffer Stube joins us to talk about Blazor.WebAudio, a Blazor library for playing, generating, and analyzing sound! This library and the libraries surrounding it enable developers to make rich interactive applications in a safe fashion.
- Build an AI-powered content composer in Blazor using OpenAI GPT -  May 22, 2024 - Learn how to build an AI-powered content composer using GPT-3.5 Turbo and Syncfusion Blazor components. Effortlessly create content on any topic and automatically adjust its tone, format, and length—all in one place.
- Modern Full-Stack Web Development with ASP.NET Core & Blazor -  May 22, 2024 - Dive into the latest advancements in ASP.NET Core and Blazor for building dynamic, responsive full-stack web applications. Learn how these powerful frameworks simplify the development process, from server to client, enabling you to create rich interactive web UIs with C# instead of JavaScript.
- ASP.NET Community Standup: Building Aspireify.net - June 18, 2024 - Join Jeff Fritz as he shows how he built Aspireify.net with .NET 8, Blazor, Microsoft Azure and .NET Aspire. [Community links](https://www.theurlist.com/aspnet-standup-2024-06-18).
- Blazor and Orchard Core with Peter Matthews - Orchard Core Pair Programming by Lombiq - June 17, 2024 - Join this session of Orchard Core Pair Programming by Lombiq! In these, we do an hour of pair programming with an Orchard Core community member about a project of theirs. We learn together a lot, share best practices, and write some good code. All this is live, and you can join us with your questions!
- Building Real-Time Web Applications with Blazor and Akka.NET -  June 13, 2024 - This talk presents how you can use Akka.NET and Blazor to build scalable, streaming web applications without JavaScript or any fuss. Pure C# end to end.
- ASP.NET Community Standup: Static web asset improvements in .NET 9 -  June 11, 2024 - Learn about some of the static web asset improvements coming in .NET 9.
- What's New in Blazor in .NET 8 & Beyond | Blazing into Summer 2024 -  June 10, 2024 - In this talk, Dan Roth dived into all that's new in Blazor in .NET 8 like the advanced render modes, built-in authentication support, and scaffolding, and also looked at the future of Blazor in .NET 9 and how that can make web development even better.
- New Blazor Hybrid + .NET MAUI Templates are Incredible -  June 28, 2024 - Looking to build mobile, desktop, and web apps all with nearly 100% shared web UI? New Blazor Hybrid templates in .NET 9 give you a single click automatically configured project with .NET MAUI, Blazor, and a razor class library all setup.
- ASP.NET Community Standup - Using GraphQL to enhance Blazor apps - July 9, 2024 -  Let's dive into why GraphQL is a compelling choice for API queries and how to integrate it with Blazor. In this session, we'll enhance a Blazor app by incorporating GraphQL and using QuickGrid to present the data.
- Real World Apps with Blazor and .NET Aspire -  July 2, 2024 - In this episode Eduardo joins Frank to showcase FairPlayTube: The Next Generation of Video Sharing portals, a tool for content creators and entrepreneurs, powered by AI to create thumbnails, digital marketing strategies, passive income ideas, posts for social networks and more.
- Why I'm Worried About Blazor and its Future - November 20, 2024 -  Why I'm Worried About Blazor and its Future, by Nick Chapsas.
- Building Rich Web Applications with Blazor Server and MudBlazor - November 19, 2024 -  Explore how to create robust, interactive web applications using Blazor Server and MudBlazor. We'll dive into practical examples from a real-world application, discussing how MudBlazor's rich components can enhance user experience and simplify development. The session will cover performance optimization techniques, handling complex UI requirements, and best practices for deploying Blazor Server apps in production. Attendees will leave with actionable insights to elevate their Blazor Server projects.
- Using Blazor to manage data in SQL server and Microsoft Fabric -  Many business applications need to allow their users to view and update data in SQL server and data warehouses such as Microsoft Fabric. Learn how to create custom applications using Microsoft Blazor and free open-source controls such as Blazor Data Sheet to rapidly implement solutions to your users. Learn how to implement row level security to control access to the data in a granular way. Finally learn how to use PowerBI embedded to provide advanced data analytics.
- Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations - November 15, 2024 -  In-depth session on the upcoming new major version of the Fluent UI Blazor library, which introduces cutting-edge Web Components and significant architectural changes. This session will cover: Overview of New Features: Discover the enhancements in the new Fluent UI Blazor library, including updated Web Components, Architectural Changes: Learn about the major architectural shifts that improve performance, scalability, and maintainability, Migration Guide: Yes, there will be a lot of breaking changes! But we will guide you with practical tips and best practices for migrating your existing projects to the new version.
- What's New for ASP.NET Core & Blazor in .NET 9 - November 14, 2024 -  Find out about all the new features coming to ASP.NET Core & Blazor for web developers in .NET 9.
- ASP.NET Community Standup - Making DevToys 2.0 cross-platform with Blazor Hybrid - October 29, 2024 -  Learn about how the developers of DevToys leveraged a custom flavor of Blazor Hybrid to make DevToys 2.0 cross-platform.
- What's Next for ASP.NET Core & Blazor - August 22, 2024 -  Find out about all the new features coming to ASP.NET Core & Blazor for web developers in .NET 9.
- Build interactive AI-powered web apps with Blazor and .NET - August 21, 2024 Learn how you can quickly and easily build interactive AI-powered web apps with Blazor and .NET using a variety of ready-made AI components from the .NET ecosystem.
- ASP.NET Community Standup: Fluent UI Blazor -  April 23, 2024 - The Fluent UI Blazor library provides a set of Blazor components which are used to build applications that have a Fluent design (i.e. have the look and feel or modern Microsoft applications). Join Vincent and Denis to learn the fundamentals and building blocks of the library and demonstrate how to quickly incorporate it into your Blazor projects. Learn the basics of setting up the environment, use the interactive components, and change the styling of your application with Fluent UI design tokens.
- ASP.NET Community Standup: Blazor Hybrid + Web in .NET 9 -  April 9, 2024 - Learn how improvements coming to .NET 9 will make it easier to integrate Blazor Web and Blazor Hybrid.
- ASP.NET Community Standup - Modern Blazor Auth with OIDC -  February 13, 2024 - See how to connect a Blazor app to Microsoft Entra using OIDC and the BFF pattern.
- .NET Data Community Standup - Database concurrency and EF Core: ASP.NET and Blazor - Episode 2 - January 24, 2024 - In the last episode, we dug deep into the underpinnings of optimistic concurrency handling in EF Core. In this episode, we continue that journey to cover disconnected scenarios. That is, where the entity travels to a client and then back to the server before being updated in the database. We’ll look at the different patterns for doing updates like this in ASP.NET Core and Blazor apps and see how concurrency tokens work with each of these. We’ll also look at how `ExecuteUpdate` can be used with concurrency tokens, and take a look at ETag concurrency in Azure Cosmos DB.
- ASP.NET Community Standup - Blazor .NET 8 Updates -  May 10, 2023 - Come check out some of the progress the Blazor team has made for .NET 8. [Community links](https://gist.github.com/MackinnonBuck/ebd4072c40eca01c177e8ab7e180c392).
- ASP.NET Community Standup - Blazor United in .NET 8 -  February 14, 2023 - The Blazor team shares early thoughts on Blazor United in .NET 8, an effort to create a single unified model for all your web UI scenarios that combines the best of Razor Pages, Blazor Server, and Blazor WebAssembly. [Community links](https://www.theurlist.com/blazor-standup-2023-02-14).
- ASP.NET Community Standup - Exploring new and experimental features in Blazor -  January 10, 2023 - It show what it's like to build a .NET 7 Blazor app using both new and currently experimental features. Featuring: Daniel Roth, Jon Galloway, Mackinnon Buck. [Community links](https://www.theurlist.com/aspnet-community-standup-2023-01).
-
Programming Languages
Categories
Libraries & Extensions
153
Videos
145
Articles
94
Sample Projects
78
General
19
Courses
17
Community
14
Tooling
14
Podcasts
12
Books
12
Other Languages
10
Templates
9
E-Books
4
Introduction
3
Source generators
3
Presentations slides
2
Real-World applications
2
Tutorials
2
.NET Conf 2024 (November 12-14, 2024).
1
License
1
Sub Categories
Keywords
blazor
138
csharp
43
blazor-webassembly
38
blazor-server
33
dotnet
29
webassembly
24
wasm
22
asp-net-core
13
blazor-components
13
blazor-client
13
aspnetcore
13
razor
12
blazor-component
10
nuget
9
dotnet-core
8
razor-components
8
component-library
8
components
7
javascript
7
blazor-wasm
6
blazor-application
5
blazor-ui-components
5
maui
5
bootstrap
5
aspnet-core
5
charts
5
netcore
4
cms
4
blazored
4
maui-blazor
4
bootstrap5
4
blazor-interop
4
blazor-extensions
4
dotnetcore
4
jsinterop
4
c-sharp
4
aspnet
4
tailwindcss
4
js
3
typescript
3
react
3
css
3
asp-net
3
net8
3
blazor-applications
3
material
3
datagrid
3
entity-framework-core
3
editor
3
oauth2
3