2022.md

August 14, 2025 · View on GitHub

Samples projects

  • Nethereum Playground - last commit Compile and run Nethereum snippets on the browser. You can run it here: http://playground.nethereum.com/.
  • TypinExamples - last commit A sample project that demonstrates the usage of Typin framework with a Blazor SPA application (Xterm.js and custom web workers implementation in C# to emulate terminal experience in browser). Live demo.
  • NethereumBlazor - GitHub stars GitHub stars Ethereum blockchain explorer and simple wallet.
  • Blazor Weather - stars last commit 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.
  • Bolero.TodoMVC - GitHub stars GitHub stars A TodoMVC clone using Bolero.

Articles

Videos

  • Run a Blazor component inside React - duration 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 - duration December 13, 2022 - Find out our early plans for Blazor in .NET 8. Community links.
  • Use the IDE to make a Fluxor CRUD Application | Blazor IDE Part 2 - duration November 18, 2022 - Use the IDE to make a Fluxor CRUD Application.
  • What's new for Blazor in .NET 7 | .NET Conf 2022 - duration 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 - duration 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 - duration 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 - duration 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 - duration 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 - duration 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 - duration 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 - duration 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 - duration 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 - duration 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". GitHub stars last commit Source code.
  • MAUI Blazor Podcast Client Part 2: The .NET Show with Carl Franklin Ep 30 - duration October 20, 2022 - Adding guests and links, and playlist functionality.
  • ASP.NET Community Standup - Blazor in .NET 7 Part III - duration October 11, 2022 - Learn more about the latest multithreading and MSAL developments for Blazor in .NET 7. Community links.
  • MSAL Auth in Blazor Server - duration 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 - duration September 13, 2022 - Learn more about the exciting runtime changes in Blazor for .NET 7. Community links. Part 1.
  • Make a Text Editor in Blazor from scratch, Blazor Text Editor Part 1. - duration September 8, 2022 - Make a Text Editor in Blazor from scratch, Blazor Text Editor Part 1.
  • Roslyn Syntax Highlighting | Blazor Text Editor Part 2 - duration September 8, 2022 - Roslyn Syntax Highlighting | Blazor Text Editor Part 2.
  • Make a Text Editor in Blazor from scratch | Blazor Text Editor Part 1 - duration 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. GitHub stars last commit Source code.
  • Blazor in 100 Seconds - duration 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 - duration 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 - duration 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 - duration 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 - duration 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 - duration 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.
  • Securing Blazor & Web APIs with AAD - duration 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 - duration 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 - duration 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 - duration June 20, 2022 - This video is about test-driving CSS styles in Blazor.
  • Should I Focus on Blazor or ASP.NET Core? - duration 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 - duration May 27, 2022 - Carl shows you how to use TypeScript when creating a Blazor component.
  • Build native apps for any device with .NET and Visual Studio - duration 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.
  • Native client apps with Blazor Hybrid - duration May 25, 2022 - Blazor uses the latest open web standards to enable full stack web development with .NET. But what if you need to build a native client app? Blazor is expanding beyond the web to enable support for building native client apps using a hybrid of web technologies and .NET. In this session we’ll look at the new Blazor Hybrid support in .NET MAUI for building cross platform native client apps for mobile and desktop as well as Blazor Hybrid support for modernizing WPF and Windows Forms apps.
  • Future Possibilities for .NET Core and WASI (WebAssembly on the Server) - duration May 25, 2022 - WebAssembly is moving beyond the browser and is pitched to become a foundational element of modern cloud-native architecture. It lets any language compile to universal binaries that run on any OS or processor, robustly sandboxed and with great performance. This session covers a new approach to running .NET in WASI environments. You’ll see how your existing .NET code could be built into WASI-compliant modules, plus the opportunities this opens. This is experimental, not yet a committed product.
  • 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, C#, and Visual Studio! In this full workshop, I will walk you through everything you need to know about .NET 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.
  • Displaying Custom Reports in Blazor using Syncfusion - duration 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 - duration 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 - duration May 19, 2022 - In this video we use the ServiceStack 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 message centric design.
  • ASP.NET Community Standup - Let's build an app with .NET MAUI and Blazor - duration May 17, 2022 - Showcasing migrating a Blazor WASM PWA to .NET MAUI and Blazor Hybrid. Community links.
  • Making Blazor work with everything, plus WebAssembly on the server - duration 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 - duration 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 - duration 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 - duration 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 - duration 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 - duration 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.
  • On .NET Live - Wrapping browser APIs in Blazor WASM - duration 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 - duration 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 - duration 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 - duration 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 - duration 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 - duration April 21, 2022 - Carl revisits the topic of MVVM with Blazor, clarifying your options.
  • Queryable Repositories - duration April 14, 2022 - Build a generic repository that the client can query.
  • ASP.NET Community Standup - Blazorators: Blazor C# Source Generators - duration April 12, 2022 - David Pine introduces Blazorators, Blazor C# Source Generators on this month's Blazor Community Standup. Community links.
  • .NET MAUI Blazor - Build Hybrid Mobile, Desktop, and Web apps - duration 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 - duration March 31, 2022 - pp State Management using Fluxor, a Flux/Redux library for Blazor.
  • Blazor Basics with Identity - duration 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 - duration 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.
  • Building beautiful Blazor apps with Tailwind CSS - duration 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 - duration 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 - duration 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.
  • Blazor, NET 6, and WebAssembly - duration 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 - duration duration 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 - duration February 8, 2022 - Find out what's being planned for Blazor in .NET 7. Community links.
  • C# Corner .NET Conference Day 1 - duration 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.
  • ASP.NET Community Standup - Blazor WebAssembly on .NET 6 - duration January 11, 2022 - Join Blazor creator Steve Sanderson for a special look at Blazor WebAssembly on .NET 6. Community links.