Week 6 of the year 2021

Event: "A conversation with Chris Sainty" (February 9, 2021).

• ASP.NET Community Standup: A conversation with Chris Sainty.
• In this standup, we chat with Blazor aficionado and open source community member Chris Sainty about Blazor, his open source work, and more.
• 10:00 AM Pacific | 18:00 UTC
• Live: live.dot.net, YouTube.

Tutorials

• Download Files from Azure with .NET Core Web API and Blazor WebAssembly - February 9, 2021 - In this article, we are going to learn how to download files from Azure using ASP.NET Core Web API as the server-side project and Blazor WebAssembly as the client-side. This article is a continuation of a previous one where we learned about uploading files to Azure. In that article, we also created Azure storage, so if you don’t have one created, you can do it following the instructions from the mentioned article. Source code .
• Using source generators to find all routable components in a Blazor WebAssembly app - February 9, 2021 - The previous post described a way to find all the "routable" components in a Blazor app using reflection. This post shows an alternative approach using a source generator.
• Custom Xamarin Controls with Blazor Mobile Bindings - February 8, 2021 - Blazor Mobile Bindings is exciting, but also encourages reusability. We take a look as how to wrap custom Xamarin.Forms UI as Blazor components.

Videos

• Test Driving the Blazing Pizza Workshop - February 10, 2021 - Test Driving the Blazing Pizza Workshop, episode 3, by Egil Hansen.
• Advanced Blazor experiences with Carl Franklin - February 10, 2021 - Advanced Blazor experiences with Carl Franklin, by Coding After Work. Carl Franklin will share a bit more advanced scenarios like using SignalR together with Blazor for cross user communication and data synchronization.
• ASP.NET Community Standup - A Blazor Conversation with Chris Sainty - February 9, 2021 - In this standup, we chat with Blazor aficionado and open source community member Chris Sainty about Blazor, his open source work, and more.

Articles

• Blash: Twitter Dashboard Using Blazor Wasm, Web API, SignalR & Twitter API (Part 1) - February 5, 2021 - Blash: Twitter Dashboard Using Blazor Wasm, Web API, SignalR & Twitter API (Part 1), by Round The Code.

Presentations slides

• Using .NET 5 with the Raspberry Pi - January 28, 2021 - Using .NET 5 with the Raspberry Pi, on Slideshare.

Week 5 of the year 2021

Added items

Tools & utilities

• BlazorIndexedDbJs - BlazorIndexedDbJs is a wrapper arround IndexedDB DOM API, supports Blazor WASM and Server.

Videos

• Just Coding - Blazor Game - February 4, 2021 - Just Coding - Blazor Game, by The Sixth Figure dev.
• Blazor Power Hour: FAQ show #1 - February 03, 2021 - Blazor Power Hour: FAQ show 1, with ed Charbeneau.

Week 4 of the year 2021

Event: "State of .NET - Blazor Web Development with .NET 5" (January 27, 2021).

• State of .NET - Blazor Web Development with .NET 5, with Markus Egger.
• Start time: 1:00pm Eastern / 12:00pm Central.
• Duration: 75 minutes (60 minute presentation, 15 minute Q&A).
• We've created a series of State of .NET online events each focusing on a specific .NET topic. This installment covers Microsoft Blazor web development with .NET 5. Join Markus Egger (EPS Software President, Chief Software Architect and Microsoft Regional Director) as he continues our online series with his “State of Blazor” presentation.
• Note: Only registered attendees will receive the live stream URL the morning of the event via email.
• Register here.

Event: ".NET Frontend Day" (January 28, 2021).

• A full day online, with focus on building frontend applications using .NET.
• .NET Frontend Day is a community organized conference.

Added items

Samples

• GraphQL in ASP.NET Core using HotChocolate - GraphQL in ASP.NET Core using HotChocolate. Source code of this tutorial: Consuming GraphQL API In ASP.NET Core.

Tutorials

• Consuming GraphQL API In ASP.NET Core - January, 2021 - Consuming GraphQL API In ASP.NET Core: Part 1, Part2. Source code .
• Prerending a Blazor WebAssembly app to static files, without an ASP.NET Core host app - January 26, 2021 - This post describes how you can prerender all the pages in a Blazor WebAssembly app, without requiring a host app. That means you can still host your Blazor WebAssembly as static files using GitHub Pages or Netlify, without requiring a backend server. Source code .
• Pre-render Blazor WebAssembly at build time to optimize for search engines - January 3, 2021 - Pre-render Blazor WebAssembly at build time to optimize for search engines.
• Run Blazor in a Docker container with Visual Studio Code Remote Development - December 15, 2020 - Run Blazor in a Docker container with Visual Studio Code Remote Development.

Videos

• Blazor Train: Ask the Engineer - January 29, 2021 - Carl Franklin answers your questions and solves your Blazor puzzlers.
• BlazQ (Learn to code) - January 29, 2021 - Develop a quiz application with Blazor.
• .NET Frontend day 2021 - January 28, 2021 - .NET Frontend Day 2021 sessions.

Articles

• Improvements to the new Razor editor in Visual Studio - January 26, 2021 - Improvements to the new Razor editor in Visual Studio, by Daniel Roth from Microsoft.
• Signed HTTP Exchanges: A path for Blazor WebAssembly instant runtime loading - January 26, 2021 - this article explores Signed HTTP Exchanges, which may help when loading the .NET runtime in Blazor WebAssembly apps.
• Sitecore Power with ASP.NET Core and why it’s important - December 18, 2020 - Sitecore has recently introduced a development SDK with ASP.NET Core. This article explains why it’s super important for the Business to start thinking about it and how it will change the way of Sitecore development.

Week 3 of the year 2021

Event: "Meet the Blazor team" (January 12, 2020).

• ASP.NET Community Standup: Meet the Blazor team.
• Meet the people behind the code! Join us for a fun livestream with members of the Blazor team.
• 10:00 AM Pacific | 18:00 UTC
• Live: live.dot.net, YouTube.

Event: "Blazor Development Sprints" (January 14, 2020).

• What's a sprint? A sprint is an in-person or virtual event where community members can contribute to the Blazor project, with the help of Blazor maintainers.
• Who can participate in the sprint? Participation is open to anyone with experience developing C# and familiarity with Blazor.
• Documentation: GitHub.

Event: "State of .NET - Blazor Web Development with .NET 5" (January 27, 2021).

• State of .NET - Blazor Web Development with .NET 5, with Markus Egger.
• Start time: 1:00pm Eastern / 12:00pm Central.
• Duration: 75 minutes (60 minute presentation, 15 minute Q&A).
• We've created a series of State of .NET online events each focusing on a specific .NET topic. This installment covers Microsoft Blazor web development with .NET 5. Join Markus Egger (EPS Software President, Chief Software Architect and Microsoft Regional Director) as he continues our online series with his “State of Blazor” presentation.
• Note: Only registered attendees will receive the live stream URL the morning of the event via email.
• Register here.

Event: ".NET Frontend Day" (January 28, 2021).

• A full day online, with focus on building frontend applications using .NET.
• .NET Frontend Day is a community organized conference.

Added items

Tutorials

• Authentication in Blazor WebAssembly Hosted Applications - January 22, 2021 - Authentication in Blazor WebAssembly Hosted Applications, by Code Maze. Source code .
• Blast Off with Blazor: Build a search-as-you-type box - January 14, 2021 - This post shows how to build a quick search box that filters our images.
• Blazor WebAssembly I18n from Start to Finish - January 7, 2021 - Blazor is a strong C#-based framework from Microsoft that allows us to create an interactive, client-side web user interface (UI) using .NET. In this tutorial, we will explore how to implement internationalization (i18n) in a Blazor WebAssembly app.
• Using multiple APIs in Blazor with Azure AD Authentication - December 14, 2020 - The post shows how to create a Blazor application which is hosted in an ASP.NET Core application and provides a public API which uses multiple downstream APIs. Both the Blazor client and the Blazor API are protected by Azure AD authentication. The Blazor UI Client is protected like any single page application. This is a public client which cannot keep a secret. Source code .

Videos

• Blazor Train: Progressive Web Applications - January 15, 2021 - Carl Franklin shows you how to create a Blazor PWA and how to configure it for offline access and cached content.

Articles

• Enabling prerendering for Blazor WebAssembly apps - January 19, 2021 - This post describes the steps to enable server-prerendering for a Blazor WebAssembly application. This post serves as an introduction to some more interesting prerendering approaches I'll be looking at in future posts. Source code .
• How Blazor performs against other Frameworks - January 18, 2021 - How Blazor performs against other Frameworks, by David Grace for Telerik.
• Blackjack in Blazor Part 1 - Rules and Modeling the Game - January 2021, 18 - Blackjack in Blazor Part 1 - Rules and Modeling the Game, on Exception Not Found.
• Persisting your users preferences using Blazor and Local Storage - January 14, 2021 - Persisting your users preferences using Blazor and Local Storage.
• Displaying lists efficiently in Blazor - January 6, 2021 - Blazor's Virtualize component will let you display long lists faster without writing a lot of code. If you want to take full advantage of the component, however, you'll need a relatively smart repository to back it up.

Week 2 of the year 2021

Event: "Meet the Blazor team" (January 12, 2020).

• ASP.NET Community Standup: Meet the Blazor team.
• Meet the people behind the code! Join us for a fun livestream with members of the Blazor team.
• 10:00 AM Pacific | 18:00 UTC
• Live: live.dot.net, YouTube.

Event: "Blazor Development Sprints" (January 14, 2020).

• What's a sprint? A sprint is an in-person or virtual event where community members can contribute to the Blazor project, with the help of Blazor maintainers.
• Who can participate in the sprint? Participation is open to anyone with experience developing C# and familiarity with Blazor.
• Documentation: GitHub.

Added items

Samples

• Modulight - A light modular framework aimed to be low intrusive based on dependency injection for Blazor. Support lazy loading and prerendering for javascript, css stylesheets, and assemblies. Built with the new features introduced in .NET 5 such as WebAssembly Lazy Loading and Javascript Isolation.
• Blazor-WASM-Identity-gRPC-Alexa - Blazor WASM, IdentityServer4 , gRPC with roles authorization & Alexa Skill Backend.
• Blazorade Teams - A Blazor component library that is designed to be used when building applications for Microsoft Teams. Be sure to also check out the initial announcement for Blazorade Teams.

Tutorials

• Boids in your Browser with Blazor - January 8, 2021 - How to model graphics in C# and render them on a HTML Canvas with JavaScript. Source code .

Videos

• .NET Community Standup: Meet the Blazor Team - January 12, 2021 - "Meet the Blazor Team"'s .NET Community Standup. Meet the people behind the code! Join us for a fun livestream with members of the Blazor team.

Articles

• Microsoft Teams App With Blazor Made Easy Using Blazorade Teams - January 10, 2021 - Microsoft Teams App With Blazor Made Easy Using Blazorade Teams. Source code .
• How to Use Query Strings in Blazor WebAssembly - January 7, 2021 - In this article, we are going to learn how to use query strings in Blazor WebAssembly. We are going to show you how to send query strings to the Blazor component and also how to read them inside the component. Source code .
• Introducing Online GZIP de/compressor, built with Blazor WebAssembly - January 1, 2021 - Introducing Online GZIP de/compressor, built with Blazor WebAssembly.
• Configure Alexa Skill to use Blazor backend - December 28, 2020 - Configure Alexa Skill to use Blazor backend. Source code .
• Render Blazor WASM components in your existing MVC/Razor Pages applications - October 13, 2020 - Render Blazor WASM components in your existing MVC/Razor Pages applications.

Podcasts

• .NET 5 with Scott Hunter - December 24, 2020 - .NET 5 is shipped! What happens now? As part of the .BLD() Tech Talks XXL event in the Netherlands, Carl and Richard streamed interviewing Scott Hunter about .NET 5. The conversation turns to how the scope of .NET 5 focused in on how to help projects move from the standard framework onto .NET 5. Scott also dives into the ever-improving performance of .NET, the latest version of Blazor, and the adoption of WinForms in .NET 5 - and what's coming for .NET 6. Duration: 53 minutes.

Week 1 of the Year 2021

Happy New Year!

Event: ".NET Frontend Day" (January 8, 2021).

• A full day online, with focus on building frontend applications using .NET.
• .NET Frontend Day is a community organized conference.

Items added

Samples

• Blazor Weather - A Blazor Weather sample app that shows the current weather for your current location and a collection of pinned locations. Demonstrated at .NET Conf 2019 by Daniel Roth. Demo.

Videos

• KlipTok update, next steps with C#, Blazor and Azure - December 29, 2020 - KlipTok update, next steps with C#, Blazor and Azure.
• Mobile Web App Layout with Blazor - December 27, 2020 - Mobile Web App Layout with Blazor.
• Security fixes, Performance Tuning, Blazor and Azure - December 22, 2020 - Security fixes, Performance Tuning, Blazor and Azure.
• Building next generation web apps with Blazor - February 6, 2020 - Building next generation web apps with Blazor by Chris Sainty at the DDD Europe 2020.

Articles

• MicroFrontends with Blazor WebAssembly - December 22, 2020 - MicroFrontends with Blazor WebAssembly. Source code .

Podcasts

• Blazor in Action with Chris Sainty - January 8, 2021 - Blazor in Action with Chris Sainty in the .NET Core Show, episode 67. Duration: 67 minutes.
• Building a Flight Simulator in C# with Laura Laban - December 17, 2020 - What does it take to make a flight simulator in C#? On a smartphone? Carl and Richard talk to Laura Laban about her experiences building Infinite Flight - starting with the Windows Phone in 2011! The conversation follows the history of using C# in smartphones, from WinPhone 7 through to MonoTouch, MonoGame, and Xamarin! Laura Laban discusses the challenges of tooling getting deprecated, platforms going away, and the vagaries of app stores. Duration: 54 minutes.
• Building a TwitchBot in Blazor with Georgia Nelson - December 10, 2020 - What can you use Blazor for? Carl and Richard talk to Georgia Nelson about GifBot, a Twitch bot Georgia has built using a variety of tools and languages (including Java) and today is C# and Blazor. Georgia talks about evolving the bot from version to version, looking for ways to make it easier for Twitch streamers to use. From WinForms to WPF to Blazor, the UI has taken a few turns, but Blazor works great in the role of user interface. Duration: 55 minutes.

Week 53 of the Year 2020

No release this week

Happy New Year!!

Week 52 of the year 2020

No release this week

Week 51 of the year 2020

Added items

Samples

• Blazor Server Firestore Integration Source code of the article Building Real-Time Applications with Blazor Server and Firestore.

Videos

• Blazor Train: Synchronicity 5.0 - December 18, 2020 - Carl Franklin shows how to develop both a Blazor Server and Blazor Wasm project simultaneously using .NET 5.

Articles

• 10 Blazor Features You Probably Didn't Know - December 15, 2020 - As a relatively new framework, there's probably a lot you don't know about Blazor yet. Here are 10 great features about Blazor you should know.
• Exploring Blazor Mobile Bindings - December 13, 2020 - It's time to probe the promise of Blazor Mobile Bindings enticing web developers to come build mobile apps.
• Polly and Blazor, Part 1 – Simple Wait and Retry - December 8, 2020 - Polly and Blazor, Part 1 – Simple Wait and Retry.
• Building Real-Time Applications with Blazor Server and Firestore - November 16, 2020 - Building Real-Time Applications with Blazor Server and Firestore. Source code .
• Prerendering your Blazor WASM application with .NET 5 - October 9, 2020 - Prerendering your Blazor WASM application with .NET 5 (part 2 - solving the missing HttpClient problem).

Week 50 of the year 2020

Event: "Material Design in Blazor" (December 8, 2020).

• ASP.NET Community Standup: Material Design in Blazor with Material.Blazor.
• We sit with Simon Ziegler and Mark Stega of Material.Blazor to discuss the project, Material.Blazor, a Material design component library for Blazor.
• Live: live.dot.net, YouTube.

Event: "Blazor testing using bUnit - or something something testing Blazor" (December 10, 2020).

• Testing Blazor components doesn't have to be hard. In fact, it can be as easy and simple as testing POCOs. In this talk we will cover what testing options there are for Blazor components, and then live code (test) the open-source project Blazm’s grid component.
• Meetup's link: https://www.meetup.com/fr-FR/CodingAfterWork/events/274968367

Added items

Tools & utilities

• BlazorIntersectionObserver - This is a wrapper around the Intersection Observer API.

Videos

• Blazor vs React/Angular - December 11, 2020 - Debate about Blazor vs React/Angular, featuring Michael Washington on The Growth Mindset Show.
• Blazor Power Hour: Front End Tools and CSS - December 9, 2020 - Blazor Power Hour: Front End Tools and CSS, with Ed Charbeneau.
• ASP.NET Community Standup - Material Design in Blazor with Material.Blazor - December 8, 2020 - We sit with Simon Ziegler and Mark Stega of Material.Blazor to discuss the project, Material.Blazor, a Material design component library for Blazor. ASP.NET Community Standup. Url list.
• Blazor Train: Using SignalR for cross-user Communication - December 4, 2020 - Carl Franklin shows you how to seamlessly add SignalR to any Blazor app.
• Blazor Stability Testing Tools for Bullet Proof Applications - November 13, 2020 - .NET in the browser may sound like Blazor's strength, however the story of Blazor testing may just be its biggest potential upside. In this session we'll discuss what makes Blazor an ideal candidate for: Unit Testing, Integration Testing, and Automated System Testing. With Jon Galloway.
• Migrating a Windows Forms App to Blazor: The Amazing and True Story of GIFBot - November 13, 2020 - In this talk, I will discuss the migration steps undertaken to go from a complex Desktop application to a robust ASP.NET-backed website with a Blazor front-end. The talk will highlight the ease at which I was able to translate functionality as a developer with very outdated web development skills.

Articles

• Blazor WebAssembly (client-side) with AOT and SkiaSharp - December 4, 2020 - Blazor WebAssembly (client-side) with AOT and SkiaSharp, by Uno Platform. Live sample.
• How to Pass Arguments to Your onclick Functions in Blazor - December 3, 2020 - It's straightforward to wire up event handlers to HTML events like onClick in your Blazor components, but how can you pass additional information and different types of arguments?
• Developer decries WinForms-to-Blazor performance degradation - December 1, 2020 - Developer decries WinForms-to-Blazor performance degradation, on Visual Studio Magazine.
• How to Deploy a Blazor Application in Azure App Service - November 30, 2020 - How to Deploy a Blazor Application in Azure App Service.
• .NET5 - A Unified Platform - November 20, 2020 - The official version of .NET5 was released last week and bringing huge improvements into the .NET ecosystem. .NET 5 is the next version of .NET Core, and Microsoft continues the journey of unifying the .NET platform.
• Blazor WebAssembly - Unleash The Power Of Dynamic Template-Based UIs With Razor Engine - November 17, 2020 - In general, you can divide template engines into two types. The relatively simple ones are using template strings with placeholders to be replaced by some concrete values. The other template engines can do everything the simple ones can but additionally provide means for control of the code flow, like if-else statements, loops, and further. In this article, I will focus on the latter by using the Razor engine inside a Blazor WebAssembly application.
• Visual Studio 2019 for Mac v8.8 Adds Blazor WebAssembly Debugging - November 16, 2020 - Visual Studio 2019 for Mac v8.8 Adds Blazor WebAssembly Debugging, on Visual Studio Magazine.

Podcasts

• bUnit: A Blazor Testing Lib - December 7, 2020 - bUnit: A Blazor Testing Lib; with Egil Hansen in The 6th Figure Developer podcast, episode 173. Duration: 41 minutes.