Top 50 Awesome List

AdrienTorris/awesome-blazor

Front-End Development  1 day ago  6.7k
Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
View byDAY/WEEK/README
View on Github

Yesterday

Videos

  • 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?
  • Articles

  • Implementing RavenDB time series in a Blazor project - June 21, 2022 - Implementing RavenDB time series in a Blazor project.
  • Jun 21st

    Videos

  • Test-Driving CSS Styles in Blazor - duration June 20, 2022 - This video is about test-driving CSS styles in Blazor.
  • Jun 20th

    Podcasts

  • Umbraco Heartcore and Blazor with Poornima Nayar - May 4, 2022 - In this episode we talked with Poornima Nayar about Umbraco Heartcore and where you might use it, Blazor, a little on GraphQL and how it fits very well with mobile apps which communicate with remote APIs. Duration: 59 minutes.
  • Videos

  • 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.
  • Jun 15th

    Videos

  • 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.
  • 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.
  • 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.
  • 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.
  • Articles

  • What’s new in the Microsoft Fluent UI library for Blazor versions 1.3 and 1.4 - June 9, 2022 - The FAST team and friends have been hard at work not only on Microsoft’s core Web Components platform, but also on Fluent UI integrations for Blazor. This post will give you an overview of what’s new and changed in versions 1.3 and 1.4 of the Microsoft Fluent UI Blazor library.
  • Jun 14th

    Articles

  • A Full-Stack Web App Using Blazor WebAssembly and GraphQL: Part 3 - June 8, 2022 - A Full-Stack Web App Using Blazor WebAssembly and GraphQL: Part 3. Part 1.
  • A Full-Stack Web App Using Blazor WebAssembly and GraphQL: Part 1 - February 17, 2022 - This article shows how to create a full-stack web application using Blazor WebAssembly and GraphQL with SQL Server as our database.
  • Other Languages

  • DevApps.be's podcast #44 - [French] DevApps.be's podcast #44: "Blazor et WebAssembly vont-ils tuer JavaScript ?".
  • Modern web apps with Blazor - [Italian] Video about Blazor.
  • Jun 10th

    Libraries & Extensions

    Others

  • Z.Blazor.Diagramsstars363 - stars last commit A fully customizable and extensible all-purpose diagrams library for Blazor, inspired by the popular react-diagrams library, with many additions. Demo.
  • BlazorDownloadFilestars118 - stars last commit Blazor download files to the browser from c# without any JavaScript library or dependency. BlazorDownloadFile is the solution to saving files on the client-side, and is perfect for web apps that generates files on the client. However if the file is coming from the server we recommend you to first try to use Content-Disposition attachment response header as it has more cross-browser compatibility.
  • BlazorCurrentDevicestars6 - last commit Device detection for blazor using current-device.js.
  • BlazorStyledTextAreastars11 - last commit A textarea with style. This component essentially remains and works as a textarea but can have any of the text styled based on your application needs. Its simplicity is purposefully designed to avoid the complexities and issues that come with rich text editors.
  • Books

  • Learning Blazor - Build Single-Page Apps with WebAssembly and C# (By David Pine via O'Reilly Early Release February 3rd, 2022).
  • Libraries & Extensions

    Others

  • Fun.Blazorstars83 - stars last commit This is a project to make F# developer to write blazor easier - Use F# for Blazor, Computation expression (CE) style DSL for internal and third party blazor libraries, Dependency injection, Adaptive and Elmish models, Giraffe style routing, Type safe style.
  • Blazor.AdaptiveCardsstars46 - stars last commit Adaptive Cards for Blazor. Documentation.
  • WebSocketHelperstars31 - stars last commit Helper for Web Socket in Blazor.
  • BlazorFileSaverstars22 - stars last commit Blazor Component wrapper for FileSaver.js (Demo).
  • Blazor.DownloadFileFaststars19 - stars last commit Fast download of files to the browser from Blazor without any javascript library reference or dependency. (Demo).
  • Blazor.DynamicJavascriptRuntime.Evaluatorstars11 - stars last commit Execute dynamic object expressions as Javascript in Blazor client-side apps.
  • Sample Projects

    Others

  • Css in Blazor presentation's source codestars2 - last commit Source code of a presentation by Ed Charbeneau about Blazor and CSS.
  • Jun 7th

    Podcasts

  • Indexing Video using KlipTok with Jeff Fritz - June 2, 2022 - How do you find a great video clip after the fact? Carl and Richard talk to Jeff Fritz about his work building KlipTok, a tool for making Twitch video clips more discoverable and shareable. Jeff digs into the tricky bits of KlipTok, which is all about fast indexing and searching to get to the right clip. The conversation digs into various data storage techniques and using the cloud in a way that doesn't break the bank. Jeff may be a Microsoft employee, but that doesn't mean he uses only Microsoft tools for his projects. Duration: 57 minutes.
  • Jun 3rd

    Videos

  • 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.
  • May 30th

    Videos

  • 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.
  • May 27th

    Podcasts

  • The Unhandled Exception Podcast: Microsoft Build 2022 - May 25, 2022 - Microsoft have just had their annual Build conference - which comes with a whole host of exciting announcements and discussions about hot programming topics in the Microsoft developer space. And each year, I long for a podcast episode to come out straight after Build, overviewing them! Well, this year - this podcast aims to do just that! In this episode, I was joined by both Scott Hunter and Gaurav Seth to chat about various topics. Check out the links below for a guide to what we discussed. Duration: 71 minutes.
  • David Ortinau on .NET MAUI - May 27, 2022 - Jon Galloway talks to David Ortinau about .NET MAUI. Duration: 41 minutes. YouTube video.
  • Videos

  • 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.
  • 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.
  • Managing App State with Fluxor - duration March 31, 2022 - pp State Management using Fluxor, a Flux/Redux library for Blazor.
  • 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.
  • May 25th

    Videos

  • 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.
  • May 24th

    Videos

  • 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.
  • Articles

  • Mastering Blazor - Part 1: DOM Integration - March 31, 2022 - Mastering Blazor - Part 1: DOM Integration.
  • Securing a Blazor WebAssembly Hosted Apps with Azure Active Directory - March 18, 2022 - Securing a Blazor WebAssembly Hosted Apps with Azure Active Directory. Part 2.
  • May 20th

    Podcasts

  • ASP.NET, Blogging, Kuberetes, and more - May 10, 2022 - The Unhandled Exception Podcast with Andrew Lock (andrewlock.net). He’s the author of the Manning ebook, ASP.NET Core in Action, Second Edition. This episode covers a lot - from the different flavours of ASP.NET, to Kubernetes, Blazor, gRPC, testing, Minimal API, MediatR and more.
  • May 19th

    Articles

  • Q&A: Deep Dive on Blazor - May 9, 2022 - Q&A: Deep Dive on Blazor, on Visual Studio Magazine.
  • Syncfusion Essential Studio Release Enhances .NET MAUI, WinUI, Blazor and More - May 6, 2022 - Syncfusion Essential Studio Release Enhances .NET MAUI, WinUI, Blazor and More, on Visual Studio Magazine.
  • What's Coming for Blazor Hybrid in .NET 7 - February 10, 2022 - What's Coming for Blazor Hybrid in .NET 7, Visual Studio Magazine.
  • May 18th

    Videos

  • 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.
  • May 17th

    Articles

  • Use the Query String to pass an array of selected values between Blazor Pages - April 28, 2022 - Use the Query String to pass an array of selected values between Blazor Pages.
  • Conditional Blazor Styles (without the if statements) - March 24, 2022 - Conditional Blazor Styles (without the if statements).
  • Use Tailwind's new JIT mode when developing Blazor applications - January 19, 2022 - Use Tailwind's new JIT mode when developing Blazor applications.
  • Videos

  • 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.
  • May 12th

    Videos

  • 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.
  • 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.
  • 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.
  • 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 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.
  • Articles

  • ASP.NET Core updates in .NET 7 Preview 4 - May 10, 2022 - .NET 7 Preview 4 is now available and includes many great new improvements to ASP.NET Core. Article by Dan Roth from Microsoft.
  • May 10th

    Libraries & Extensions

    Maps

  • UnlockedData.Mapaelstars1 - last commit Blazor wrapper over vector drawing/mapping library. Jquery Mapael.
  • Libraries & Extensions

    Tools & Utilities

  • BlazorAntivirusProtectionstars32 - stars last commit Antivirus protection for Blazor Wasm projects. This package attempts to guard against false positives from antiviruses that flag Blazor Wasm as malware, until Microsoft gives us an official solution.
  • Phork.Blazor.Reactivitystars11 - last commit An unopinionated Blazor state management library that utilizes INotifyPropertyChanged and INotifyCollectionChanged .NET interfaces to automatically detect state changes in components.
  • Books

  • Microsoft Blazor: Building Web Applications in .NET 6 and Beyond - A practical and hands-on approach to learning Blazor using .NET 6. (3rd ed. edition (December 8, 2021).
  • Videos

  • 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).
  • 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.
  • 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 linksstars496.
  • 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.
  • 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.
  • Podcasts

  • In The Core of Blazor - February 12, 2022 - Steve Sanderson talks about his journey into tech, his life, education, career and everything else in between. Duration: 73 minutes.
  • May 8th

    Sample Projects

    IoT

  • PresenceLightstars364 - stars last commit PresenceLight is a solution to broadcast your various statuses to a Phillips Hue or LIFX light bulb. Some statuses you can broadcast are: your availability in Microsoft Teams, your current Windows 10 theme, and a theme or color of your choosing. Blog post. Demo video.
  • May 7th

    Sample Projects

    Games

  • Trains.NETstars181 - stars last commit 2D game built with .NET and C# on a Twitch stream. Trains is available to play online at https://wengier.com/Trains.NET
  • Mar 17th

    Other Languages

  • Blazor Developer Italiani - [Italian] Italian Blazor community website with useful articles and events.
  • Feb 9th

    Sample Projects

    Games

  • WordleBlazorstars0 - last commit Simple clone of popular Wordle game in Blazor. Demo.
  • Jan 25th

    Videos

  • 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.
  • Jan 20th

    Libraries & Extensions

    Component bundles

  • MASA Blazorstars314 - stars last commit A set of enterprise-class UI components based on Material Design and Blazor. It's an almost perfect copy of Vuetify, and Long-term roadmaps have been mapped out. It is powered by the MASA team and remains free and open source. Documentation. Pro Demo.
  • Jan 12th

    Libraries & Extensions

    Component bundles

  • FASTstars7.4k - GitHub stars last commit FAST is a collection of technologies built on Web Components and modern Web Standards, designed to help you efficiently tackle some of the most common challenges in website and application design and development. FAST & Blazor documentation.
  • Videos

  • Blazor Updates in .NET 6 - Hot Reload, Query Parameters, and More - duration October 25, 2021 - There are a lot of changes to Blazor in .NET 6. These are quality of life changes, not major shifts in how Blazor operates. In this video, we are going to look at a number of changes to Blazor that will directly impact and improve how you build Blazor apps.
  • ASP.NET Community Standup - Blazor WebAssembly on .NET 6 - duration January 11, 2021 - Join Blazor creator Steve Sanderson for a special look at Blazor WebAssembly on .NET 6. Community links.
  • Jan 1st

    Videos

  • Publish a Blazor WebAssembly app and .NET API with Azure Static Web Apps - duration December 6, 2021 - Automatically deploy and update a Blazor web application and its API from a GitHub repository. In this episode, you will clone and run an existing Blazor web app locally, create an API for the app with Azure Functions and publish the app and its API to Azure Static Web Apps.
  • Podcasts

  • OpenSilver Ships with Giovanni Albani - December 9, 2021 - OpenSilver reaches V1! Carl and Richard talk to Giovanni Albani about OpenSilver - an open-source, plug-in-free implementation of Silverlight. Giovanni talks about how the client-side of OpenSilver is different from Silverlight, using Web Assembly to eliminate the need for the plug-in. But the developer SDK side is as close to identical as possible. The conversation explores going beyond compatibility with Silverlight 5 from 2011 to more modern capabilities, including the latest versions of .NET and C#. OpenSilver is not just a migration solution - it's a cross-platform development platform that is continuing to grow. Duration: 49 minutes.
  • The Future of Blazor, with Daniel Roth - December 23, 2021 - NET 6 was huge for Blazor - what's next? Carl and Richard talk to Daniel Roth about how Blazor continues to evolve as a C#-centric way to build web applications. Daniel talks about a bunch of the key features from .NET 6, including smaller runtime, Hot Reload, and rending components from JavaScript. The conversation also digs into the evolution of Blazor Fluent UI and MAUI - which also leads to the futures conversation, taking advantage of multithreading, and other great features you can see in the road map on GitHub. More Blazor is coming. Duration: 60 minutes.
  • Dec 10th, 2021

    Libraries & Extensions

    Component bundles

  • BootstrapBlazorstars1.1k - stars last commit Reusable bootstrap components for Blazor. (Docs as Demo).
  • FAST Blazorstars898 - GitHub stars last commit A lightweight wrapper around Microsoft's official FluentUI Web Components for use with .NET 6.0 Razor views & Blazor. (Samples & demo).
  • Libraries & Extensions

    Tools & Utilities

  • BlazorTemplaterstars73 - last-commit Use .razor components to render HTML strings for email content.
  • MediaSession.Blazorstars2 - last-commit A Blazor JSInterop wrapper for Media Session API. The Media Session API provides a way to customize media notifications. (Demo).
  • Podcasts

  • Michael Washington on Blazor in .NET 6 - November 22, 2021 - Hot off the heels of .NET Conf, there is tons to discuss regarding Blazor and .NET 6! Michael shares the key announcement that developers should be looking out for, the announcements he was personally most excited for, and his advice for those looking to just get started with Blazor. He also speaks about some of his recently published books on the topics of Blazor Oqtane and Blazor WebAssembly, speaks about the current state of third-party UI controls and components, and where you can go to take an even deeper dive into everything he discusses today. Duration: 34 minutes.
  • .NET 6 and Visual Studio 2022 are here - November 15, 2021 - Conversation about the latest in .NET 6, VS 2022, and all of .NET Conf 2021. Duration: 42 minutes.
  • Nov 28th, 2021

    Videos

  • Web Wednesday: Recapping .NET Conf with Jon Galloway - duration November 17, 2021 - .NET Conf is a wrap, but all the goodness revealed during the conference is just getting started. Between Minimal APIs, performance improvements, and enhancements to some of your favorite features there's a lot to talk about. Jon Galloway joins us this week to cover some of the big updates, talk about his favorites, and how to start using some of the cool new toys today.
  • Nov 24th, 2021

    Sample Projects

    CMS

  • Umbraco9 & Blazor WASM Starter Sitestars29 - last commit A simple starter site for Umbraco v9, making use of Blazor WebAssembly with Tailwind CSS/UI. A project that I use to play around and experiment with Umbraco 9, Blazor WebAssembly, TailwindCSS, the Block List Editor, and several other concepts.
  • Articles

  • Umbraco 9 & Blazor WebAssembly Starterkit on GitHub - November 24, 2021 - A simple starter site for Umbraco v9, making use of Blazor WebAssembly with Tailwind CSS/UI. A project that I use to play around and experiment with Umbraco 9, Blazor WebAssembly, TailwindCSS, the Block List Editor, and several other concepts. Source codestars29 stars last commit.
  • Videos

  • Learn Live - Build a web app with Blazor - duration November 22, 2021 - Learn how to set up your development environment and build your first web app with Blazor, Visual Studio Code, and C#.
  • Nov 21st, 2021

    Videos

  • Host, deploy and scale ASP.NET Core Blazor Server - duration November 11, 2021 - Let's discuss Host configuration values, deployment, scalability, SignalR configuration, Azure SignalR Service and more.
  • What’s new in bUnit for .NET 6 - duration November 11, 2021 - In this talk we will go through the latest additions and changes to bUnit that makes it simpler and easier than ever to test Blazor components. This includes the additions related to the new features that are part of the .NET 6 release of Blazor.
  • Blazor and GraphQL - duration November 11, 2021 - GraphQL is a powerful way of querying data. Creating loosely coupled clients using various JavaScript libraries to present data from a GraphQL API has been a popular architecture adopted by developers. How can we consume an GraphQL API in a Blazor WASM app to create rich apps? What if I can make it even better by using the content from a Headless CMS and present it using a Blazor App? In my session, I will make use of the GraphQL API from Umbraco Heartcore, a headless CMS, to create a Harry Potter themed Blazor App and present the data to the user in multiple ways.
  • Embedding Power BI Reports in your Blazor 6 site - duration November 11, 2021 - In this coding session, we will take a run-of-the-mill Blazor WebAssembly site, create a page with a report published in powerbi.com, we will then show how to use the ASP.NET Core identity services to protect reports from unauthorized eyes.
  • Responsive and Adaptive Tactics for Blazor Applications - duration November 11, 2021 - In this session you'll learn about CSS techniques like CSS Grid, Flexbox and media queries. We will also explore techniques for adaptive the user interface at runtime for maximum control. These tactics apply to Blazor WASM, Server, and Blazor Hybrid.
  • .NET Conf 2021 Keynote - duration November 9, 2021 - Join Scott Hunter and team as they show you all the amazing things you can do with .NET 6.
  • Nov 18th, 2021

    Libraries & Extensions

    Component bundles

  • BlazorOcticonsstars3 - last commit Github Octicons created as a .razor components and available via the NuGet package. The project website is an example using the generated components.
  • Nov 17th, 2021

    Videos

  • Blazor Azure B2C Authentication and Authorization - duration November 10, 2021 - In this session we will cover how you can use Azure B2C authentication and authorization within your Blazor application to manage your users, and to allow your users to log in using their preferred social and enterprise logins.
  • Build cross-platform native apps with .NET MAUI and Blazor - duration November 9, 2021 - The power of Blazor is coming to native apps on desktop and mobile devices! Use existing Blazor web components and get the power of native apps, or supercharge your existing native apps with the power and reach of Blazor with the new BlazorWebView control for .NET MAUI, WPF, and WinForms.
  • Enterprise-grade Blazor apps with .NET 6 - duration November 9, 2021 - Blazor in .NET 6 gives you the functionality you need to build real world apps of any size and complexity. In this session we'll look at the new Blazor features in .NET 6 for practical web app development. We'll look at the new support for Hot Reload, error boundaries, state preservation during prerendering, faster file uploads, query string handling, adding page metadata, and integrating Blazor components into existing JavaScript based apps.
  • Next-generation Blazor components with .NET 6 - duration November 9, 2021 - Blazor in .NET 6 enables building even more powerful and flexible web UI components. In this session we'll look at the new improvements to the Blazor component model, including required component parameters, generic type inference from ancestor components, JavaScript initializers, and handling of static web assets.
  • Introduction to .NET MAUI - duration November 9, 2021 - .NET MAUI is the best way to build cross platform mobile and desktop apps with .NET and C#. Join Maddy Leger, .NET MAUI Program Manager, to get a first look of .NET MAUI in .NET 6 and learn how you can start using it today.
  • Nov 16th, 2021

    Videos

  • .NET Conf 2021 - Day 1 - duration November 9, 2021 - .NET Conf is a free, three day virtual developer event co-organized by the .NET community and Microsoft. This year .NET 6 will launch at .NET Conf 2021! Come celebrate and learn about the new release.
  • Podcasts

  • Eilon Lipton on Blazor Desktop - November 8, 2021 - In this episode, Eilon is discussing the ins and outs of Blazor Desktop — which is currently 100% of what he’s been working on. He takes listeners on a deep-dive of Blazor Desktop, sharing what they need to know in anticipation of .NET 6 and the GA drop of Visual Studio 2022 coming out. He also touches on WPF, WinForms, MAUI, and the 2021 DEVintersection Conference. Duration: 50 minutes.
  • Real World Blazor With Steve Peirce - November 5, 2021 - .NET Core Show, Episode 86 - Real World Blazor With Steve Peirce. Duration: 62 minutes.
  • Nov 12th, 2021

    Videos

  • Minimal APIs in .NET 6 - duration November 10, 2021 - In this talk, Safia and Stephen, developers from the ASP.NET team, will introduce you to minimal APIs, a new, low-ceremony way to build small HTTP APIs using ASP.NET Core. The demo includes a Blazor app.
  • Blazor Hot Reload in .NET 6 - duration November 9, 2021 - With Blazor Hot Reload, you can save time by seeing your ASP.NET WebAssembly apps changes live! Here, Isadora will demo how to use this time and expense saving feature so you can make your WebAssembly apps even more awesome.
  • Smaller & Faster Blazor WebAssembly apps with Runtime Relinking in .NET 6 - duration November 9, 2021 - The new support for runtime relinking has made Blazor WebAssembly apps smaller and faster to download. In this demo, Daniel Roth will show how runtime relinking works while making the smallest WebAssembly app possible.
  • Blazor WebAssembly AOT on Azure Static Web Apps in .NET 6 - duration November 9, 2021 - Host your Blazor WebAssembly applications on Azure Static Web Apps. Anthony Chu will demo how to automatically build and deploy your app, utilize .NET 6, and improve your runtime performance with ahead-of-time compilation on Azure Static Web Apps.
  • Full-stack .NET with Blazor WebAssembly and Azure Static Web Apps - duration November 11, 2021 - With automatic global distribution, custom domains, and free SSL certificates, Azure Static Web Apps has everything you need to deploy modern web applications with serverless APIs. Join us to learn all about how to deploy Blazor WebAssembly apps with .NET Azure Functions to Azure Static Web Apps.
  • New Blazor WebAssembly capabilities in .NET 6 - duration November 10, 2021 - With .NET 6, the underlying .NET WebAssembly runtime supports entirely new kinds of functionality, and can be faster and more productive than ever before. "Native dependencies" enables embedding libraries from other tech stacks (e.g., a C/C++ database engine, or a Rust media processor). AOT compilation brings truly near-native performance to your .NET code in the browser, and the new build toolchain can now strip out unused native code to ship significantly smaller bundles. This talk explores how you can build new kinds of web apps, while having a more enjoyable and productive experience via instant hot reload and a better Razor editor.
  • Nov 8th, 2021

    Articles

  • Full-stack .NET 6 Apps with Blazor WebAssembly and Azure Static Web Apps - November 8, 2021 - .NET 6 is the latest version of .NET and it’s generally available today. The Azure Static Web Apps team is excited to announce that you can now run full-stack .NET 6 apps on Static Web Apps.
  • Announcing ASP.NET Core in .NET 6 - November 8, 2021 - .NET 6 is now released! ASP.NET Core in .NET 6 includes everything you need to build rich modern web UI and powerful back-end services.
  • Nov 6th, 2021

    Articles

  • Blazor Hybrid Web Apps with .NET MAUI - October 29, 2021 - Blazor Hybrid Web Apps with .NET MAUI.
  • Microsoft Publishes New Documentation for Blazor, ASP.NET Core - November 4, 2021 - Microsoft published new documentation for its .NET 6 web-dev component, ASP.NET Core, including the red-hot Blazor framework.
  • Nov 5th, 2021

    Videos

  • Web Wednesday: Creating full stack web apps with Blazor - duration October 21, 2021 - Blazor provides an alternative option for building rich client-side web applications using .NET instead of JavaScript. The core of this framework is based on components, similar to JavaScript frameworks like Vue or React. In this session, we'll take a look at how this component model works.
  • Nov 4th, 2021

    Real-World applications

  • Try .NETstars2.4k - GitHub stars last commit Try .NET provides developers and content authors with tools to create interactive experiences.
  • Sample Projects

    Others

  • FFmpegBlazorstars60 - stars last-commit FFmpegBlazor provides ability to utilize ffmpeg.wasm from Blazor Wasm C#. ffmpeg.wasmstars7.9k stars last-commit is a pure Webassembly / Javascript port of FFmpeg. It enables video & audio record, convert and stream right inside browsers.
  • Nov 3rd, 2021

    Libraries & Extensions

    Component bundles

  • MudBlazorstars3.4k - stars last commit MudBlazor is an ambitious Material Design component framework for Blazor with an emphasis on ease of use and clear structure. It is perfect for .NET developers who want to rapidly build web applications without having to struggle with CSS and Javascript. MudBlazor, being written entirely in C#, empowers them to adapt, fix or extend the framework and the multitude of examples in the documentation makes learning MudBlazor very easy. Documentation. Demo.
  • Sample Projects

    Hybrid

  • RemoteBlazorWebViewstars12 - last commit RemoteBlazorWebView enables you to interact with the user interface of a program developed with either the BlazorWebView WPF control or WinForms control using a web browser.
  • Oct 30th, 2021

    Sample Projects

    Others

  • UpBlazorstars28 - GitHub stars - last commit 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.
  • Videos

  • Blast off with Blazor - Supercharged Enterprise UIs using AntDesign - duration September 20, 2021 - AntBlazor is fully supported by the .NET Foundation and boasts an impressive following. The best part is the awesome documentation and code samples to get you up and running in no time.
  • Oct 27th, 2021

    Videos

  • ASP.NET Community Standup - Blazor Native Interop with SkiaSharp - duration October 26, 2021 - SkiaSharpstars2.8k is a cross-platform 2D graphics API for .NET platforms based on Google's Skia Graphics Library. It provides a comprehensive 2D API that can be used across mobile, server and desktop models to render images. In this edition of the Blazor community standup learn more about SkiaSharp, from Matthew Leibowitz. Community links.
  • Oct 23rd, 2021

    Sample Projects

    Others

  • WordTesterstars2 - last commit An application for learning foreign words using flashcards and spaced repetition.
  • Oct 21st, 2021

    Articles

  • As .NET 6 Nears GA, Blazor WebAssembly Can Now Use Native Dependencies - October 15, 2021 - Less than a month before .NET 6 ships, Microsoft announced Blazor WebAssembly apps can now use native dependencies, allowing developers to tap into native C code, for example, upon jumping through a few hoops.
  • Oct 18th, 2021

    Sample Projects

    Hybrid

  • Photinostars349 - stars last commit Build native, cross-platform desktop apps that are lighter than light. Photino is a lightweight open-source framework for building native, cross-platform desktop applications with Web UI technology.
  • Sample Projects

    Games

  • BlazorGamesstars160 - stars last commit This project is a Blazor WebAssembly project where we design, model, implement, and play common board and card games. This website is deployed here: blazorgames.net.
  • Flappy Blazor Birdstars53 - stars last-commit Blazor Flappy Bird's port. [Wasm Demo] | [Multiplayer Demo].
  • Board Gamesstars55 - stars last commit Fusionstars1.4k + Blazor sample and a fully functional web app allowing you to play real-time multiplayer board games. Demostars55.
  • ABlazorPongstars10 - last commit A classic Pong in Blazor WebAssembly, with sounds, without a single line of Javascript. Demo.
  • Oct 15th, 2021

    Articles

  • ASP.NET Core updates in .NET 6 Release Candidate 2 - October 12, 2021 - .NET 6 RC2 is very close to the final build of .NET 6 that we expect to ship in November this year in time for .NET Conf 2021. It’s also a “go live” release, so you’re welcome to use it in production. .NET 6 RC2 primarily contains quality improvements and bug fixes, although it does also include a few new features as well.
  • Oct 12th, 2021

    Videos

  • Web Wednesday: Blazor Web Apps using GraphQL and EF Core with Jeremy Likness - duration June 23, 2021 - Got data? Got Blazor? The “glue” between the client and server is often the weakest link in building enterprise web apps. What if you could use your domain model as the source of truth, generate a database that supports your design and easily move data between the server and your Blazor WebAssembly app with just a few lines of code? Jeremy will show you how to do this and more with the power of Entity Framework Core enhanced by GraphQL.
  • ASP.NET Community Standup - Exploring MudBlazor - duration October 12, 2021 - In this edition of the Blazor community standup learn more about MudBlazorstars3.4k, a Material Design framework for Blazor with co-creators Jonny Larsson & Meinrad Recheis. Community links.
  • Web Wednesday: ASP.NET Razor tips and tricks with Jon Galloway - duration October 11, 2021 - Razor is a server-side, page-centric programming model for building webpages with ASP.NET Core. Razor has continued to mature over time, and has expanded to include numerous "quality-of-life" additions to make the developer's life easier. Jon Galloway joins us to talk about MVC and ASP.NET, and walks us through some of his favorite features, tips and tricks.
  • Libraries & Extensions

    Component bundles

  • Majorsoft Blazor Componentsstars202 - GitHub last commit GitHub Repo stars Majorsoft Majorsoft Blazor Components is a set of UI Components and other useful Extensions for Blazor applications. All components are free and available on NuGet. The main goal of this project is to provide an easy to use, feature reach set of customizable components with other useful extensions. NuGet Demo app Docs.
  • LoreSoft.Blazor.Controlsstars117 - stars last commit Auto-complete (Typeahead) textbox with local and remote data source, for both Client-side and Server-Side Blazor. Also has DateTimePicker and ToggleSwitch. Demo.
  • Libraries & Extensions

    Others

  • Blazor File Drop Zonestars6 - last commit Surround an "input type=file" element by this Blazor component to making a zone that accepts drag and drops files (Demo).
  • Oct 1st, 2021

    Libraries & Extensions

    Component bundles

  • Blazorisestars2.4k - GitHub stars last commit Components for Blazor with support for Bootstrap, Bulma, AntDesign and Material CSS. (Bootstrap Demo), (Bulma Demo), (AntDesign Demo), (Material Demo).
  • Sep 30th, 2021

    Articles

  • Custom deployment layout for Blazor WebAssembly apps - September 28, 2021 - Custom deployment layout for Blazor WebAssembly apps.
  • Blazor updates for .NET 6 using Visual Studio 2022 - September 16, 2021 - Blazor updates for .NET 6 using Visual Studio 2022.
  • Sep 24th, 2021

    Podcasts

  • Daniel Roth on Web Development with .NET 6 - September 13, 2021 - Azure DevOps Podcast, episode 158: Daniel Roth on Web Development with .NET 6. Daniel was last on the podcast over two years ago in episode 47 to discuss Blazor DevOps. In this episode, he and Jeffrey discuss web development with .NET 6.0. He shares the high points of what’s coming next for .NET 6.0, the major differences between .NET 5.0 and 6.0, what to look forward to with regards to Blazor, and his insights on WASM tooling, minimal APIs and hosting, and hot reload within .NET 6.0. Duration: 45 minutes.
  • Sep 14th, 2021

    Libraries & Extensions

    Component bundles

  • HAVIT Blazorstars205 - GitHub stars last commit Bootstrap 5 components + additional components built on top of Bootstrap 5 (grid, autosuggest, message-boxes, atc.). Enterprise project template with gRPC code-first client/server communication, localization and more. Interactive documentation & Demos.
  • Libraries & Extensions

    Tools & Utilities

  • BlazorWorkerstars207 - stars last commit Library for creating DotNet Web Worker threads/multithreading in Blazor. Live demo.
  • Blazor.BrowserExtensionstars166 - stars last commit Develop browser extensions/addons with Blazor WebAssembly. Tested with Google Chrome, Mozilla Firefox and MS Edge.
  • Videos

  • ASP.NET Community Standup - Blazor in .NET 6 RC1 - duration September 14, 2021 - Find out what's new in Blazor in .NET 6 RC1. Community links.
  • Articles

  • ASP.NET Core updates in .NET 6 Release Candidate 1 - September 14, 2021 - .NET 6 Release Candidate 1 (RC1) is now available and includes many great new improvements to ASP.NET Core.
  • Sep 3rd, 2021

    Articles

  • BabylonJS and Blazor - Simple Game State - September 2, 2021 - Build a simple game with BabylonJS and Blazor. Source code stars last commit. Demo.
  • Why build Single Page Apps in Blazor - June 16, 2021 - This post addresses some common Blazor questions. Specifically, the "what?", but more importantly the "why?". Why should I care about Blazor when we've already got Angular, React, Vue, or some other JavaScript framework? Why choose Blazor, and what is WebAssembly all about? We'll cover the history of Microsoft's web application development frameworks and what we see for its bright future.
  • Sep 2nd, 2021

    Sample Projects

    Others

  • Planetary Docsstars47 - stars last-commit .NET 6 This repository is intended to showcase a full application that supports Create, Read, Update, and Delete operations (CRUD) using Blazor (Server), Entity Framework Core and Azure Cosmos DB. This repository is upgraded to .NET 6 and EF Core 6.
  • Sample Projects

    CMS

  • Blogifierstars1.1k - GitHub stars GitHub stars .NET 5 ASP.NET Core Blogging application with Blazor Admin Dashboard. Demo.
  • Videos

  • Let's Learn .NET: Blazor - duration June 7, 2021 - Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries. Together, we will learn all about Blazor and why you would use it to build web apps, and then we will build our first client web app with Blazor and .NET.
  • Libraries & Extensions

    Others

  • MetaMask.Blazorstars26 - last commit A library that provides an easy helper to use MetaMask with Blazor WebAssembly.
  • Sample Projects

    Games

  • Game of Lifestars4 - last commit Game of life.
  • Sample Projects

    IoT

  • Meadow Weatherstars2 - last commit In this sample, a Meadow microcontroller polls data from a LM35 temperature sensor. That data is sent via HTTP request to an API controller endpoint and stored in a database where it can be visualized in a chart using a Blazor web app.
  • Tutorials

  • Build the Game of Life with Blazor - August, 2021 - Build the Game of Life with Blazor. Source codestars4 stars last commit.
  • Blazor Meadow Web API Weather Chart.js - June 2021 - Display sensor data using Chart.js in a Blazor application. Source codestars2 stars last commit.
  • Setup Blazor app using ASP.NET Core Empty project template - May, 2021 - Setup Blazor app using ASP.NET Core Empty project template.
  • Aug 31st, 2021

    Videos

  • The .NET Docs Show - Micro frontends with Blazor - duration August 31, 2021 - In this week's episode, Florian Rappl joins the panel to show us how to build websites using compositional UIs that grow naturally as your application scales.
  • Aug 30th, 2021

    Libraries & Extensions

    Testing

  • Verify.Blazor - a snapshot testing library for Blazor componentsstars19 - stars last commit A snapshot testing library for Blazor Components. Supports rendering Blazor Components to a snapshot file via bunit or via raw Blazor rendering.
  • Aug 27th, 2021

    Articles

  • How to Localize Error Messages for Blazor WebAssembly Forms - July 12, 2021 - Want to localize form validation error messages in a Blazor WebAssembly app? Follow this guide to learn everything you need to know.
  • Courses

  • Getting Started with Blazor - June 2021 - Discover the Core Concepts of Blazor and learn to create web applications with ease.
  • Sample Projects

    Others

  • Time Magestars4 - last commit A Blazor PWA which has Timers, a Stopwatch, and Interval Timers. Demo.
  • Videos

  • Blazor ListView Component - duration August 27, 2021 - In this Blazor Components session, Fahad Mullaji aka @Curious Drive walks us through the various functionalities of the Telerik UI for Blazor ListView component. He explores the multiple List templates, focusing on the Header template which allows adding custom Blazor components, and footer template which shows the number of items in the list.
  • Getting Started with Blazor Components - duration August 26, 2021 - Join the amazing Fahad Mullaji a.k.a @Curious Drive in his "Getting Started with Telerik UI for Blazor" journey. In this video, he goes through five of the most practical and frequently used components – TextBox, DropDownList, AutoComplete, MultiSelect, and CheckBox.
  • Podcasts

  • Dean Guida on the Future of .NET Components - August 16, 2021 - Dean Guida shares his insights on the future of .NET components; lessons he has learned having run a software company for over 30 years; his top recommendations when it comes to managing software teams, DevOps toolchains, preparing for the release of .NET 6, server-side vs. Web Assembly, what .NET developers should be doing today for full system testing, and more! He also gives advice to aspiring entrepreneurial software engineers, an overview of Infragistics’ tools, and what to be looking out for as a software developer today. Duration: 34 minutes.
  • Aug 25th, 2021

    Articles

  • So Why Doesn't Microsoft Provide Its Own Blazor Component Library? - August 13, 2021 - Did you ever wonder why Microsoft doesn't provide a component library for Blazor, its red-hot ASP.NET Core framework for creating web apps primarily with C# instead of JavaScript?
  • What's New for Blazor/ASP.NET Core in .NET 6 Preview 6 - July 15, 2021 - What's New for Blazor/ASP.NET Core in .NET 6 Preview 6.
  • Other Languages

  • ASP.NET Core Blazor 5.0: Blazor WebAssembly und Blazor Server: Moderne Single-Page-Web-Applications mit .NET, C# und Visual Studio - German book on Blazor (Published September 15, 2020 with montly Updates).
  • Books

  • Blazor in Action - An example-driven guide to building reusable UI components and web frontends—all with Blazor, C#, and .NET. (Manning Early Access Program began October 2020).
  • Aug 24th, 2021

    Videos

  • Planning, designing, and coding a Blazor site from scratch part 6 - duration August 23, 2021 - In this episode, Jessica takes revenge on CSS, but the big question is.... Will she win? Adding responsiveness to the menu using only CSS.
  • The .NET Docs Show - Blazor component testing with bUnit - duration August 23, 2021 - A new UI framework like Blazor means new unit testing scenarios! In this week's episode, community MVP Egil Hansen shows us bUnit, a unit testing library for Blazor components.
  • ASP.NET Community Standup - Exploring Blazorise - duration August 17, 2021 - ASP.NET Community Standup - Exploring Blazorise with Mladen Macanović. Url list.
  • Using SignalR in your Blazor applications - duration August 19, 2021 - In this episode, David Pine joins Jeremy to show off this chat bot enabled demo that's powered by Blazor WASM and SignalR. Source codestars137 stars last commit. Demo.
  • Planning, designing, and coding a Blazor site from scratch part 1 - duration June 8, 2021 - Set up Azure DevOps, Builds, Release, and Blazor project.
  • Building Modern Applications with GraphQL and Blazor - duration May 14, 2021 - Building Modern Applications with GraphQL and Blazor at the JetBrains .NET Days Online. After having a fundamental understanding of how GraphQL improves our data fetching needs in web applications, we will move on and build a nice real-time application with Blazor and GraphQL. Let’s build a truly engaging next gen application and push Blazor to the limit. Slides. Source code stars last commit.
  • Aug 7th, 2021

    Sample Projects

    Games

  • SoccerPongstars2 - last commit A soccer variant of classic Pong using Blazor WebAssembly. Demo.
  • Jul 30th, 2021

    Sample Projects

    Others

  • Picat Language IDEstars1 - last commit IDE for the Picat logic programming language based on the Monaco Editor. Demo.
  • Jul 29th, 2021

    Books

  • Blazor WebAssembly by Example - Blazor WebAssembly by Example: A project-based guide to building web apps with .NET, Blazor WebAssembly, and C# (1st edition published the July 9th, 2021).
  • Microsoft Blazor: Building Web Applications in .NET - Microsoft Blazor: Building Web Applications in .NET (Second edition published in May 2020).
  • Blazor Revealed - Blazor Revealed, Building Web Applications in .NET (Published February, 2019).
  • Jul 28th, 2021

    Sample Projects

    Cloud

  • FairPlayTubestars65 - last commit Blazor Web Assembly app with .NET 5 Hosted API to teach how to create video sharing portals with Blazor, .NET and Azure.
  • Libraries & Extensions

    Others

  • BlazorMergelystars5 - last commit An implementation of Blazor diff and merge component based on Mergely with server side support.
  • Articles

  • Blazor Debugging Improvements in Rider 2021.2 - July 27, 2021 - The EAP versions of Rider 2021.2 have been released with a major improvement for Blazor developers: debugging WebAssembly (WASM) apps. This has been one of the top requested features since Blazor itself was released. In Rider 2021.2, you can now debug both Blazor Server apps and Blazor WASM apps.
  • General

  • 30 seconds of Blazor - Collection of useful snippets, inspired by the popular 30 seconds of JavaScript and React.
  • Jul 25th, 2021

    Videos

  • On .NET Live - Building Beautiful Blazor apps with Tailwind CSS - duration June 17, 2021 - In this session on On .NET Live, Chris Sainty(@chris_sainty) will be showing us how to style our applications using Tailwind CSS as well as how to integrated the Blazored component libraries.
  • Introduction to .NET MAUI Blazor | The Xamarin Show - duration June 17, 2021 - Blazor enables building client-side web UI with .NET, but sometimes you need more than what the web platform offers. Sometimes you need full access to the native capabilities of the device. You can now host Blazor components in .NET MAUI apps to build cross-platform native apps using web UI. The components run natively in the .NET process and render web UI to an embedded web view control using a local interop channel. This hybrid approach gives you the best of native and the web. Your components can access native functionality through the .NET platform, and they render standard web UI. .NET MAUI Blazor apps can run anywhere .NET MAUI can (Windows, Mac, iOS, and Android) although our primary focus for .NET 6 is on desktop scenarios.
  • ASP.NET Community Standup - Build apps for Microsoft Teams with Blazor - duration June 15, 2021 - Learn how to build apps for Microsoft Teams using the Teams Toolkit, .NET, and Blazor. Community links.
  • The .NET Docs Show - Scenario testing Blazor Single-Page Apps - duration June 28, 2021 - Cover all the bases and use test scenarios to improve the quality of your test coverage in Blazor applications.
  • Let's Learn .NET - Blazor - duration June 25, 2021 - Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries. Together, we will learn all about Blazor and why you would use it to build web apps, and then we will build our first client web app with Blazor and .NET.
  • On .NET Live - Building Reactive UIs with Blazor - duration June 24, 2021 - In this live session, Rodney Littles II shows us how to build Blazor applications with the ReactiveUI framework.
  • ASP.NET Community Standup - Building with Blazor: Powered4.tv - duration July 13, 2021 - Powered4.tv is a video-on-demand service that leverages Blazor WASM. In this episode of the Blazor community standup, we'll talk with product engineer Steve Pierce about the successes and stories behind using Blazor WASM for Powered4.tv.
  • On .NET Live - Secrets of building Blazor Components - duration June 10, 2021 - This session with Ed Charbeneau is about building components for Blazor.
  • Jul 21st, 2021

    Podcasts

  • Archives - 2020, 2019, 2018, 2017.
  • bUnit, TDD, and Sci-fi with Egil Hansen - July 18, 2021 - In this episode, Jimmy and Jessica talk to Egil Hansen about bUnit, test-driven development, and Sci-fi. Duration: 72 minutes.
  • Blazor with Chris Sainty - July 13, 2021 - In this episode, I was thrilled to be joined by Chris Sainty to chat all about Blazor! Blazor is a new .NET technology allowing you to build SPA-like frontend web UIs in C#! Very focused on developer productivity and componentisation - Blazor is certainly going to become my go-to for frontends moving forward! And chatting with Chris in this episode, has shown me even more reasons why Blazor is becoming so immensely popular.
  • Presentations slides

  • Archives - 2020, 2019, 2018.
  • Videos

  • Building a face recognition app with #Blazor and Azure Cognitive Services - July 20, 2021 - Building a face recognition app with Blazor and Azure Cognitive Services. Source codestars6 stars last commit.
  • Visual Studio 2022 Preview 2 - Overview - duration July 14, 2021 - This video shows some the new features in Visual Studio 2022 preview 2.
  • Articles

  • The .NET Stacks #57: Taking a look at Blazor Error Boundaries - July 18, 2021 - Let's take a look at Blazor Error Boundaries and Minimal API improvements.
  • Jul 19th, 2021

    Tutorials

  • Archives - 2020,2019, 2018.
  • Libraries & Extensions

    Tools & Utilities

  • Fluxorstars712 - GitHub stars last commit Zero boilerplate Flux/Redux library for DotNet.
  • Articles

  • Blazor Server apps in MVC subfolders - July 15, 2021 - Were you ever bored and thought to yourself: how could I ruin this perfectly fine evening for me and turn it into a frustrating nightmare? Well, seek no more, I have the best idea for you. Just try to host a Blazor Server app in a sub folder of an existing MVC application, and you're in for some really nerve-wrecking "fun". Admittedly, once you know the solution it's not so hard to understand, but finding a working solution was a rabbit-hole experience for me.
  • How to use the button onclick event in Blazor WebAssembly - July 9, 2021 - This article from RoundTheCode explains how to implement the button onclick event in a Blazor Wasm application. We will demonstrate how to set up a Blazor onclick call method and bind it to a HTML element.
  • Blazor Anchor Tag Scroll To - July 9, 2021 - This article goes over an issue with Blazor applications and scrolling to a hash anchor on the current page.
  • Thoughts on Microsoft, and Blazor - July 2, 2021 - Thoughts on Microsoft, and Blazor, by Peter Kuhn aka Mister Goodcat.
  • Jul 18th, 2021

    Articles

  • ASP.NET Core updates in .NET 6 Preview 6 - July 14, 2021 - .NET 6 Preview 6 is now available and includes many great new improvements to ASP.NET Core.
  • ML.NET Now Works on ARM Devices and Blazor WebAssembly - June 29, 2021 - ML.NET now works on ARM64 and Apple M1 devices, and on Blazor WebAssembly, with some limitations for each.
  • Jul 17th, 2021

    Videos

  • What's new in Blazor in .NET 6 with Daniel Roth - duration July 16, 2021 - Blazor in .NET 6 makes client-side web development faster and more productive than ever before. Let's chat about all the new Blazor features in .NET 6: .NET Hot Reload, WebAssembly ahead-of-time (AOT) compilation, error boundaries, integration with .NET MAUI, and much more.
  • Building dynamic applications with blazor - duration July 10, 2021 - Blazor is a revolutionary single-page app framework for building interactive web apps with .NET Core. Underpinning Blazor's ability to create interactive web UIs using C# instead of JavaScript is a robust component model which offers exciting new opportunities for developers to create dynamic web applications. In this session we will demonstrate dynamic application development using an open source modular application framework for Blazor named Oqtane.
  • Intro to Blazing Web Accessibility - Empowered with AI - duration July 5, 2021 - This video shows how you make an accessible website in Blazor, Microsoft’s brand new front-end technology.
  • BlazorDay 2021, full video - duration June 17, 2021 - Blazor Day is the online event around Blazor technologies. #BlazorDay is organized by 3 MVP friends. Their objective is to share their passion for .NET and more particularly Blazor. Joined by the famous Charline to upgrade the event to the next level.
  • Next Generation UI with .NET 6 - duration June 9, 2021 - Tired of Angular, Vue, and React? Ready for the next generation of web user interface that runs everywhere and you can build with your favorite programming language? In this session, Jeff Fritz is going to introduce you to Blazor - the next generation UI framework from the .NET team. We'll see how Blazor works with Web Assembly, webservers, and hybrid applications to deliver a great experience for your users. Blazor is the framework that allows you to build once and run it everywhere.
  • Jun 30th, 2021

    Libraries & Extensions

    Component bundles