Releases: AdrienTorris/awesome-blazor
Releases · AdrienTorris/awesome-blazor
Week 39 of the year 2020
Event: "Blazor WASM & ML.NET with .NET 5" (September 23, 2020).
- Machine Learning ASP.NET Community Standup: Learn how you can use .NET 5 and ML.NET to add machine learning to Blazor WASM apps.
- Live / Replay links: YouTube, ASP.NET Community Sandup website.
- Community links: theurlist.com.
Added items
Samples
- BlazorShop -
Simple shop application built with Blazor WebAssembly.
- Blazor Web Camera Application Example -
Here is a fun example of using camera in the ASP.NET Core Blazor WebAssembly application. Complete description of how it was created on this blog's post Using a web camera with fun filters in your ASP.NET Core Blazor WebAssembly application.
Videos
- Blazor vs. MVC -
September 25, 2020 - Blazor vs. MVC, by Ed Charbeneau.
- Blazor WebAssembly, Azure AD B2C and Azure SDKs with Jon Gallant -
August 11, 2020 - Blazor WebAssembly, Azure AD B2C and Azure SDKs with Jon Gallant.
- Blazor Server with Azure AD authentication and MS Graph -
July 24, 2020 - For this week's stream, we decided to play with the latest hot topic in the .NET ecosystem, i.e Blazor. JP and me build a Blazor Server web app with .NET Core and then we add Azure AD authentication to enable users to login in the app with the new Microsoft.Identity.Web. In the end, we added a call to MS Graph to retrieve some messages. video on YouTube. video on Twitch.
Articles
- Blazor WebAssembly on Azure Static Web Apps - September 23, 2020 - Blazor WebAssembly on Azure Static Web Apps, by Scott Hanselman.
- How to call isolated JavaScript code in .NET 5.0 Blazor projects with JSObjectReference - September 23, 2020 - How to call isolated JavaScript code in .NET 5.0 Blazor projects with JSObjectReference. Source code
.
- Azure Static Web Apps with .NET and Blazor - September 22, 2020 - Azure Static Web Apps with .NET and Blazor, on the ASP.NET blog.
- Deploy your Blazor app in minutes with Azure Static Web apps - September 22, 2020 - Deploy your Blazor app in minutes with Azure Static Web apps.
- Run EF Core Queries on SQL Server From Blazor WebAssembly - September 20, 2020 - Run EF Core Queries on SQL Server From Blazor WebAssembly. What if I could write a LINQ query on a client the same way I would on a server, and execute it remotely with minimal configuration, setup, ritual and ceremony?
- Calling public methods on Blazor component from another component - September 18, 2020 - Calling public methods on Blazor component from another component.
- CSS isolation in Blazor - September 16, 2020 - CSS isolation in Blazor.
- Lazy load assemblies in a Blazor WebAssembly application - September 14, 2020 - Lazy load assemblies in a Blazor WebAssembly application.
- .NET 5 Hits 'Go Live' Status in RC1, Ready for Production - September 15, 2020 - .NET 5 Hits 'Go Live' Status in RC1, Ready for Production.
- Blazor Gets Faster (Even Without AOT) - September 14, 2020 - Blazor Gets Faster (Even Without AOT).
- Use CSS isolation in your Blazor projects - September 10, 2020 - We talk about scoping your CSS to your Blazor components—all without a stylesheet reference.
- Copying text to the clipboard in a Blazor application - September 9, 2020 - Copying text to the clipboard in a Blazor application.
- Free e-book: Blazor for ASP.NET Web Forms Developers - September 8, 2020 - We are thrilled to announce the release of our new e-book: Blazor for ASP.NET Web Forms developers. This book caters specifically to ASP.NET Web Forms developers looking for guidelines. As well as strategies for migrating their existing apps to a modern, open-source, and cross-platform web framework. Download PDF.
- Anchor navigation in a Blazor application - September 7, 2020 - Anchor navigation in a Blazor application.
- Using a web camera with fun filters in your ASP.NET Core Blazor WebAssembly application - September 4, 2020 - Using a web camera with fun filters in your ASP.NET Core Blazor WebAssembly application. Source code
- Blazor and Media events - Hard to handle? - August 14, 2020 - Blazor and Media events - Hard to handle?
Week 38 of the year 2020
Event: "Blazor WASM & ML.NET with .NET 5" (September 23, 2020).
- Machine Learning ASP.NET Community Standup: Learn how you can use .NET 5 and ML.NET to add machine learning to Blazor WASM apps.
- Live / Replay links: YouTube, ASP.NET Community Sandup website.
- Community links: theurlist.com.
Added items
General
- Blazor courses on Microsoft Learn - Blazor courses on Microsoft Learn.
Samples
- BlazorChifoumi -
Exploring machine learning with a Chifoumi game.
Tutorials
- Tour of Heroes in Blazor Wasm Playlist - August 2020 - Using .Net 5 and Blazor WASM to create the Tour of Heroes app with the addition of how to create Unit Tests with bUnit. This tutorial counts 9 videos on YouTube.
Components & Utilities
- LoreSoft.Blazor.Controls -
Auto-complete (Typeahead) textbox with local and remote data source, for both Client-side and Server-Side Blazor. Also has DateTimePicker and ToggleSwitch. Demo.
- AdvancedBlazorSelect2 -
Simple wrapper for Select2 with full support of databases and custom web APIs.
Videos
- Blazor MVVM the "logical" choice -
September 18, 2020 - Blazor MVVM the "logical" choice, by Ed Charbeneau.
- Blazor Train: WebForms to Blazor with Jeff Fritz -
September 11, 2020 - Carl welcomes Microsoft’s Jeff Fritz to give hope to WebForms developers who want to move to Blazor.
- Blazor BlazingCoffee and Markdown -
September 11, 2020 - Blazor BlazingCoffee and Markdown, by Ed Charbeneau.
- Testing Blazor Apps -
September 4, 2020 - Testing Blazor Apps, by Ed Charbeneau.
Articles
- Making Scott Hanselman's Powerpoint Greenscreen trick work with RevealJS via Blazor Server - September 15, 2020 - Making Scott Hanselman's Powerpoint Greenscreen trick work with RevealJS via Blazor Server. Source code
.
- The First Blazor Dock Manager - September 15, 2020 - This article shows how to use the brand-new Dock Manager component in the Ignite UI for Web Components product. Source code
.
- Architecture of a C# game rendered with Blazor, Xamarin, UWP, WPF, and Winforms - September 15, 2020 - Architecture of a C# game rendered with Blazor, Xamarin, UWP, WPF, and Winforms.
- ASP.NET Core updates in .NET 5 Release Candidate 1 - September 14, 2020 - ASP.NET Core updates in .NET 5 Release Candidate 1.
- .NET Blazor for Rails Developers - September 12, 2020 - .NET Blazor for Rails Developers.
- WebAssembly Beyond the Browser: Running WASM in .NET Core Applications With WASI & Wasmtime - September 10, 2020 - WebAssembly Beyond the Browser: Running WASM in .NET Core Applications With WASI & Wasmtime. Source code
.
- Blazor Server CRUD App Using Visual Studio Code - September 9, 2020 - Blazor Server CRUD App Using Visual Studio Code.
- Microsoft offers new documentation for Blazor and gRPC in ASP.NET Core - September 3, 2020 - With .NET 5 release candidates on tap ahead of an official November GA debut, Microsoft has published new documentation for some of the hottest ASP.NET Core components, including Blazor and gRPC.
Courses
- Build a web app with Blazor WebAssembly and Visual Studio Code - Build a web app with Blazor WebAssembly and Visual Studio Code, on Microsoft Learn.
Week 37 of the year 2020
Event: "Blazor Development Sprint" (September 10, 2020).
- The next Blazor development sprint will be held on September 10th, 2020. Download this calendar file to add upcoming sprints to your calendar.
Added items
Samples
- PresenceLight -
PresenceLight is a solution to broadcast your various statuses to a Phillips Hue or LIFX light bulb. Some statuses you can broadcast are: your availability in Microsoft Teams, your current Windows 10 theme, and a theme or color of your choosing. Blog post. Demo video.
Articles
- Blazor.Animate adds support for running animations manually - September 10, 2020 - Blazor.Animate adds support for running animations manually.
- Working with Local Storage in a Blazor Progressive Web App - September 9, 2020 - Working with Local Storage in a Blazor Progressive Web App, on Visual Studio Magazine.
- Track Gps With Blazor Browserinterop - September 5, 2020 - Track Gps With Blazor Browserinterop. Source code.
- Blazor Wasm - Get Access Token for User - September 5, 2020 - In this article Cody shows, using ASP.NET Core Blazor Wasm, a quick snippet to get the AccessToken for a logged in User. Not much to it just using the IAccessTokenProvider, and if the user is signed in and they have are using an authentication type that provides an access token, like OpenID.
Podcasts
- The One About Blazor - September 7, 2020 - Merge conflict, episode 218: The One About Blazor. Duration: 49 minutes.
Week 36 of the year 2020
Event: "ASP.NET Community Standup: Razor Tooling" (August 25, 2020).
- Get an update from the team that builds Razor tooling, with some demos for Visual Studio, Visual Studio Code, LiveShare, debugging, and more.
- 10:00 AM Pacific | 17:00 UTC
- Live/Replay: live.dot.net, Twitch or YouTube.
- Community links.
Added items
Tutorials
- Yahtzee in Blazor WebAssembly - August 2020 - Tutorial by Exception Not Found. Part 1: the C# model. Source code
.
Libraries & Extensions
- Start Blazoring - A Blazor starter template built using Blazorise. It offers a myriad of features such as user registration, login, password reset, two factor; user management, roles, permissioning; background workers, logging, caching, email templates, localization and many more.
- BlazorWheelZoom -
Zoom and move image with Blazor using mouse wheel and mouse drag - minimal javascript. Demo.
- jQWidgets Blazor UI Components -
Feature-complete UI components including DataGrid, Scheduler, Charting, Pivot and more. Website.
Videos
- Blazor WebAssembly : Custom Authentication -
September 3, 2020 - Blazor WebAssembly : Custom Authentication, by Curious Drive.
- iJS London: Blazor WebAssembly -
September 2, 2020 - Blazor WebAssembly by Rainer Stropek at the International JavaScript Conference. This is an introduction to Blazor WebAssembly. Here the source code of the Starship traveler demo mentionned in the talk
.
- Rendering an Orchard Core Markdown Blog Post with Blazor WebAssembly -
August 30, 2020 - Rendering an Orchard Core Markdown Blog Post with Blazor WebAssembly.
Articles
- Blazor - Page Animated Transitions - September 5, 2020 - This article is about how to use BlazorTransitionableRoute to create an animated transition between Blazor page transitions.
- Blazor Internals you need to know - September 3, 2020 - Blazor Internals you need to know.
- Why Blazor Wasm is the Best Choice for API Integration - August 31, 2020 - Why Blazor Wasm is the Best Choice for API Integration.
- .NET 5 Now 'Feature Complete' with Preview 8, Go Live Release Candidates Up Next - August 26, 2020 - .NET 5 Now 'Feature Complete' with Preview 8, Go Live Release Candidates Up Next on Visual Studio Magazine.
- Showing a confirm dialog before doing an action in Blazor - August 26, 2020 - Showing a confirm dialog before doing an action in Blazor.
- How to prevent the UI from freezing while executing CPU intensive work in Blazor WebAssembly - August 24, 2020 - How to prevent the UI from freezing while executing CPU intensive work in Blazor WebAssembly.
- Blazor WebAssembly - Changing The Log Level At Runtime - August 20, 2020 - Blazor WebAssembly - Changing The Log Level At Runtime.
- Dynamically setting the page title in a Blazor application - August 19, 2020 - Dynamically setting the page title in a Blazor application.
Presentations slides
- Focus on Blazor - January 2020 - All the materials of the .NET Conf "Focus on Blazor". The videos are on YouTube.
E-Books
- Blazor WebAssembly Succinctly - August 31, 2020 - Blazor is a framework for creating SPA webpages with either client-side or server-side architectures, using Razor technology written with the C# language. Because client-side Blazor with WebAssembly executes entirely on a user's browser, it’s very fast for many applications. In Blazor WebAssembly Succinctly, Michael Washington will take readers through the core elements of Blazor and then explore additional features by building a sample application. Free e-book.
Week 35 of the year 2020
Event: "ASP.NET Community Standup: Razor Tooling" (August 25, 2020).
- Get an update from the team that builds Razor tooling, with some demos for Visual Studio, Visual Studio Code, LiveShare, debugging, and more.
- 10:00 AM Pacific | 17:00 UTC
- Live/Replay: live.dot.net, Twitch or YouTube.
- Community links.
Added items
Samples
- Flappy Bird
A Blazor WebAssembly implementation of Flappy Bird.
- BlazorWordGame
Online Multiplayer Word Game With Blazor and SignalR on .NetCore.
- Blazorships -
Battleship implementation built with Blazor and SignalR.
- BlazorDungeon -
- Multiuser dungeon game. Text based graphics. Up to 5 simultaneous players. Demo.
Tutorials
- Online Multiplayer Word Game With Blazor and SignalR on .NetCore - August 8, 2020 - Let's build a simple online multiplayer word game with Blazor using SignalR for realtime communication between two players. All the words will keep in MongoDB and it will supports multi-platforms with .Net Core. Source code
- Build a video portal with Blazor - August 2020 - Website contains videos about building a video portal with Blazor.
Components & Librairies
- MvvmBlazor -
BlazorMVVM is a small framework for building Blazor and BlazorServerside apps. With it's simple to use MVVM pattern you can boost up your development speed while minimizing the hazzle to just make it work.
- Blazor.Grids -
Component library for CSS grids with extra features, such as moving and resizing interactively. Create your own dashboard with ease. (Demo).
- Blazor.TreeViews -
Component library for tree views. (Demo).
- Blazor Markdown -
A Blazor Markdown component that enables you to include Markdown files in your server-side Blazor apps.
- BlazorX.NavigationState -
BlazorX.NavigationState provides a set of utilities that allow you to observe and bind query strings directly to Blazor components.
- BracketShow.BlazorNavigationManagerExtensions -
Simple set of extensions for the Navigation Manager to simplify its usage for things we are likely to do in most of our Blazor applications.
- BlazorTransitionableRoute -
Allows current and previous route to exist enabling transition animations of UI/UX design systems.
Videos
- Testing Blazor Apps -
August 29, 2020 - Testing Blazor Apps by Ed Charbeneau, about xUnit, bUnit, Telerik Test Studio and more.
- Preparing a Blazor Lightning Talk -
August 29, 2020 - Preparing a Blazor Lightning Talk, by Csharpfritz.
- Write OnClick Events in C# using Blazor and Eliminate JavaScript -
August 25, 2020 - JavaScript can be eliminated for implementing an OnClick event and many other HTML event attributes. With Blazor, we go ahead and write an OnClick event in C# without the need for JavaScript.
- Blazor Train: Data Access -
August 24, 2020 - Carl brings together an API layer, a generic data manager, and EF Core to create a complete solution.
- The .NET Docs Show - .NET open-source projects -
August 24, 2020 - Chat with Isaac Levin (@isaacrlevin) about some exciting .NET open source projects he's been working on. By The .NET Docs show. Article on Dev.to about this episode.
- Blazor Game Client + Working on GUI System -
August 23, 2020 - Blazor Game Client + Working on GUI System.
- How to Create Services in Client Side Apps -
August 21, 2020 - We are upgrading our Blazor App Tour Of Heroes with Services! This will allow the components to keep state even when we navigate away along with creating some reusable code for our apis. If you like this video please subscribe and let me know you would like to see more. Based of Tour of Heroes section 4.
- Let's Build Flappy Bird -
August 18, 2020 - Let's Build Flappy Bird with Blazor WebAssembly. Source code
- Modern Web UI with Blazor WebAssembly -
June 11, 2020 - Modern Web UI with Blazor WebAssembly by Steve Sanderson at the NDC Oslo 2020. Client-side web development has long been the sole domain of JavaScript. WebAssembly is changing that by opening up the web to the full ecosystem of languages, frameworks, and tools. ASP.NET Blazor is all about building modern web applications be that on the server or the client. In this session I'll show you how to build beautiful and interactive client-side web UI, all with C# instead of JavaScript.
Articles
- ASP.NET Core updates in .NET 5 Preview 8 -
- August 25, 2020 - .NET 5 Preview 8 is now available and is ready for evaluation. Here’s what’s new in this release: CSS isolation for Blazor components, Lazy loading in Blazor WebAssembly, Updated Blazor WebAssembly globalization support, New InputRadio Blazor component, Set UI focus in Blazor apps, Influencing the HTML head in Blazor apps, IAsyncDisposable for Blazor co...
Week 32 of the year 2020
Annoucement: "ASP.NET Community Standup" (July 28, 2020).
- We've got a fun show scheduled for this week’s #ASPNET Community Standup: Migrating from Web Forms to Blazor with @csharpfritz
- Tuesday | July 28
- 10:00 AM Pacific | 17:00 UTC
- Live/Replay: live.dot.net or Twitch.
Added items
Samples
Quiz manager secured by Auth0 - 
- Ray Tracer -
Simple ray tracer in Blazor.
Tools & utilities
- Element-Blazor -
A blazor component library using Element UI. API imitates Element, CSS directly uses Element's style, HTML structure directly uses Element's HTML structure. Blazor WebAssembly Version demo. Blazor WebAssembly Version PWA Mode demo.
- ADMINLTE -
ADMINLTE for Blazor is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts ADMINLTE 3 so the components can be used from dotnet core Blazor.
Videos
- Blazor Train: Modal Dialogs with Chris Sainty - August 7, 2020 - Carl welcomes Chris Sainty back to BlazorTrain to show Blazored.Modal, his OSS Modal Dialog component.
- Live game development -
August 4, 2020 - Lets focus on the Blazor Game Client, migrating of Module Implementations and Client Asset Builders.
- Live game development -
August 1, 2020 - Migrating old TypeScript Client to a Blazor Client.
- Live game development -
July 31, 2020 - Live game development.
- Blazor WebAssembly : Open-source Project - EP10 -
July 29, 2020 - Let's make the BlazingChat app Open-Source and walk through rest of MVVM code for Contacts and Settings page, by Curious Drive.
- Deploy NET Core 3.0 App on Ubuntu Server VPS - September 11, 2019 - Deploy NET Core 3.0 App on Ubuntu Server VPS, tested with Blazor Server-side.
Articles
- Blazor Components Deep Dive - Lifecycle Is Not Always Straightforward - August 5, 2020 - When starting with new frameworks that have a lifecycle for their artifacts like components, then you may assume that the lifecycle is strictly linear. In other words, step A comes before step B comes before step C, and so on. Usually, this is the case until it is not. The lifecycle of the Blazor components is not an exception in this matter.
- Make a responsive Navbar with Blazor and Tailwind? - August 4, 2020 - Make a responsive Navbar with Blazor and Tailwind?
- Xamarin Blazor Mobile Button Event Handlers - August 3, 2020 - Using the Blazor programming model to handle button events, like OnClick, makes writing Xamarin mobile applications with form inputs a breeze.
- Introducing Plugin Framework 1.0.0 – Plugins for .NET apps including Blazor and ASP.NET Core with built-in support for Nuget - August 3, 2020 - Plugin Framework is a new MIT-licensed plugin platform for .NET Core applications. It is light-weight and easy way to add a plugin-support into your application. It supports all the major types of .NET Core applications, including ASP.NET Core, Blazor, Console Apps and WPF & WinForms.
- Implement the "download file" feature on a Blazor WebAssembly app - August 2, 2020 - If we want to implement the "download file" feature (please imagine a picture that was posted on Facebook can be downloadable) on your Blazor WebAssembly app project, how can we implement that feature? Source code
.
- Securing Blazor WebAssembly Apps - July 21, 2020 - Learn how to secure Blazor WebAssembly applications with Auth0. Source code
.
- Blazor: Zero To Hero Real Time Implementation Part III - July 20, 2020 - This is part three of the “Blazor: Zero to Hero” article series. This article has a detailed look at the Project Structure.
- Blazor WebAssembly Targets .NET 5 in Latest ASP.NET Core Update - July 27, 2020 - In announcing updates to web-focused ASP.NET Core development as part of a new .NET 5 Preview 7, Microsoft noted that Blazor WebAssembly -- the client-side component of the Blazor project that allows for C#-based web development instead of JavaScript -- now targets .NET 5.
- Conway's Game of Life (With Emojis!) in C# and Blazor WebAssembly - July 6, 2020 - Conway's Game of Life (With Emojis!) in C# and Blazor WebAssembly. Code source
Week 31 of the year 2020
Annoucement: "ASP.NET Community Standup" (July 28, 2020).
- We've got a fun show scheduled for this week’s #ASPNET Community Standup: Migrating from Web Forms to Blazor with @csharpfritz
- Tuesday | July 28
- 10:00 AM Pacific | 17:00 UTC
- Live/Replay: live.dot.net or Twitch.
Added items
Samples
- CarChecker -
This is a sample application for Blazor by Steve Sanderson which was presented at Build 2020. You can view the on-demand walk-through for this on Channel 9: Modern Web UI with Blazor WebAssembly. This is a great sample which has a lot of Blazor + ASP.NET integrations such as: client-side debugging with Visual Studio, authentication / authorization, input validation, data integration/sync, Blazor components, code sharing, JavaScript interop, localization / internationalization, Progressive Web App (PWA) and more.
- EventGrid Viewer Blazor -
Blazor Server app that displays EventGrid messages in realtime & allows the ability to secure the app using Azure AD, KeyVault & Managed Identities.
Blazor Authentication Extension for Azure Static Web Apps -Blazor Authentication Extension for Azure Static Web Apps.
- Atlas -
A forum software built with ASP.NET Core Blazor WebAssembly.
Tools & Utilities
- Stl.Fusion -
New computed observables for real-time .NET Core and Blazor apps - like in KO / MobX, but designed for models of arbitrary size covering all of your server-side data. Samples.
- BlazorApplicationInsights -
Application Insights for Blazor web applications.
- BrowserInterop -
This library provides access to browser API in a Blazor App.
- BlazorGooglePay -
Blazor wrapper around Js Google Pay, library based on BrowserInterop.
- BlazorDependencies -
Js library that helps maitain dependencies of one Razor Class Library to another one without manually adding scripts and css-styles for each library.
Articles
- Run Blazor-based .NET Web applications on AWS Serverless - July 30, 2020 - Run Blazor-based .NET Web applications on AWS Serverless.
- Authenticate Blazor WebAssembly with Azure Static Web Apps - July 28, 2020 - Azure Static Web Apps is a great place to host Blazor WebAssembly apps. Among Static Web Apps' many features, it has built-in support for authentication using social logins. In this article, we'll look at how we can take advantage of Static Web Apps Authentication in our Blazor WebAssembly apps. Source code
- Role-based security with Blazor and Identity Server 4 - July 28, 2020 - This article covers how to add a role-based security both on the API side and in the UI of a Blazor application. Note: this article is the next part of a previous article. Source code
.
- Project - EventHorizon Blazor Interop - July 28, 2020 - I have been working on a project that will generate a C# Blazor WASM abstraction from a TypeScript definition file, as part of that project I needed a way to run the equivalent functionality in JavaScript. This article will go over that WASM Interop project I created, I also package it up in an easy to use NuGet package if you want to use it as well. Source code
.
- Blazor Interop Generation Tool Release - July 28, 2020 - This article is the Release post of my new Blazor Interop Generation Tool! Here I will do a quick overview of the tool and how to use it. Source code
- Project - EventHorizon Blazor TypeScript Interop Generator - July 28, 2020 - This project’s name is a mouthful, but based on the name you should be able to get the gist of what the project does. The project generates a C# Blazor Interop abstraction from the Abstract Syntax Tree from a TypeScript definition file, giving the user a generated project that can make interfacing with JavaScript libraries easier from C#. Source code
.
- Blazor WebAssembly authentication and authorization with IdentityServer4 - July 27, 2020 - This about implementing authentication on a Blazor WebAssembly app via OpenId Connect using IdentityServer4(IDS4). And also authorization on Blazor WebAssembly app. IDS4 is a certified OpenId provider library.
- Optimizing JS Interop in a Blazor WebAssembly application - July 27, 2020 - Optimizing JS Interop in a Blazor WebAssembly application.
- State Management with Blazor using Fluxor (Part 2) - July 26, 2020 - Implementing additional CRUD operations with Fluxor, a continuation of part 1. Source code
.
- Mobile Blazor Common App Layouts - July 20, 202...
Week 30 of the year 2020
Annoucement: "ASP.NET Core Updates in .NET 5 Preview 7" (July 21, 2020).
- .NET 5 Preview 7 is now available and is ready for evaluation. Here’s what’s new in this release:
- Blazor WebAssembly apps now target .NET 5
- Updated debugging requirements for Blazor WebAssembly
- Blazor accessibility improvements
- Blazor performance improvements
- and more.
- Release post: devblogs.microsoft.com/aspnet/asp-net-core-updates-in-net-5-preview-7.
Annoucement: "Visual Studio 16.7 Preview 4" (July 16, 2020).
- With the release of #VS2019 16.7 Preview 4, you can now try out the new experimental Razor editor for local development with MVC, Razor Pages, and Blazor. See what that means for you and how to give it a try: msft.it/6018TWPvo.
- Note that the Visual Studio 2019 16.7 Preview 5 is released: visualstudio.microsoft.com.
Added items
Samples
- SignalR CLR -
This is a simple example of using SignalR and Blazor WebAssembly together to eliminate the need for any JavaScript when handling server event's. Blog post about this sample.
Tools & utilities
- Blazm.Bluetooth -
A Blazor library for connecting to devices using Bluetooth.
Videos
- Blazor localization content -
July 24, 2020 - Ed Charbeneau added localization to a Blazor application.
- Blazor Train: Creating a Generic Data Manager -
July 24, 2020 - In this episode of BlazorTrain, Carl welcomes App vNext contractor Mateus de Carvalho. They show how to use the repository pattern to create two generic data managers: one for an in-memory store, and one for an Entity Framework dbContext.
- GameDev - Blazor with BabylonJS (Web Rendering) -
July 23, 2020 - GameDev - Blazor with BabylonJS (Web Rendering).
- Blazor with BabylonJS (Web Rendering) Source Code Generation -
July 21, 2020 - GameDev - Blazor with BabylonJS (Web Rendering) Source Code Generation.
- Carl Franklin's Blazor Train: Creating an API Layer -
- Common Data Services (CDS) and .NET -
July 16, 2020 - From console to mobile to web apps to services, learn how to use the Common Data Service when building .NET apps. This will be a demo heavy session that include Azure Functions, using it in mobile apps written in Xamarin, and web apps written with Blazor.
- .NET Virtual User Group - Blazor + Xamarin Code Sharing -
July 15, 2020 - In this session Lachlan will be focusing on an approach to allow Models, ViewModels and Services to be shared across a Xamarin Forms App(for Android, iOS, UWP, etc.) and Blazor Web Assembly, with just a thin layer on top for user interface and platform specifics in each UI Framework.
- Learn Studio Session: Build a WebAssembly app with Blazor & VS Code -
May 27, 2020 - Join us for this guided online Microsoft Learn workshop. Learn how to setup your development environment and build your first WebAssembly app with Blazor, VS Code and C#.
- Learn Studio Session: Build a WebAssembly app with Blazor & VS Code -
May 27, 2020 - Join us for this guided online Microsoft Learn workshop. Learn how to setup your development environment and build your first WebAssembly app with Blazor, VS Code and C#.
- Modern Web UI with Blazor WebAssembly -
- Modern Web UI with Blazor WebAssembly -
May 25, 2020 - Modern web development is here with Blazor! Be productive building beautiful interactive UI with .NET and C# that runs on any device via WebAssembly. PWAs, authentication, debugging, +more.
Articles
- Blazor EditForms, an essential tool or too much magic? - July 23, 2020 - Blazor ships with something called an EditForm. But what is it, do you have to use it, and what if you don’t fancy relying on magic to make your application work?
- Hybrid Blazor apps in the Mobile Blazor Bindings July update - July 22, 2020 - Mobile Blazor Bindings July update is released, which adds support for building Hybrid Blazor apps, which contain both native and web UI. Documentation. Source code
.
- bUnit for Blazor and How to Integrate it in Azure Pipeline - July 22, 2020 - bUnit for Blazor and How to Integrate it in Azure Pipeline.
- ASP.NET Core Updates in .NET 5 Preview 7 - July 21, 2020 - .NET 5 Preview 7 is now available and is ready for evaluation. Here’s what’s new in this release: Blazor WebAssembly apps now target .NET 5, updated debugging requirements for Blazor WebAssembly, Blazor accessibility improvements, Blazor performance improvements and more.
- SignalR without Javascript, the Promise of Blazor - July 18, 2020 - SignalR has always had one major flaw: to use it, you needed to use JavaScript. But with the dawn of Blazor, this age of compromise is over. We can manage all of the data transfers between our servers and clients straight out of CLR types! Source code
- Blazor WebAssembly Forms, Form Validation, and @ref Directive - July 17, 2020 - Blazor WebAssembly Forms, Form Validation, and @ref Directive, by Code Maze. Source code
. Documentation.
- Visual Studio Gets Experimental Razor Editor for Blazor, Other Projects - July 16, 2020 - The latest preview of Visual Studio 2019 16.7 adds an experimental Razor editor for working with Blazor, boosting web development with C#/.NET instead of JavaScript.
Week 29 of the year 2020
Special event: Blazor July 2020 Sprint (On July 16th, 2020)
- Interested in contributing a pull request (or two!) to Blazor?
- Join the Blazor team and community members on July 16th for the first-ever Blazor virtual sprint!
- Registration link and more info are available at https://github.com/dotnet/aspnetcore/wiki/Blazor-July-2020-Sprint.
- List of the community's Pull Requests: https://github.com/dotnet/aspnetcore/issues?q=label%3Acommunity-contribution
Special event: "An accessibility audit of .NET Blazor with Chris DeMars". [July, 9]
- Join Chris DeMars (@saltnburnem ), along with hosts Cam Soper, Scott Addie, David Pine for a captivating conversation about .NET.
- Live here: dotnetdocs.dev.
Special event: "ASPNET Community Standup: FAST Framework". [July, 8]
- Get ready for this week’s ASPNET Community Standup on the FAST Framework with @EisenbergEffect, @stevensanderson, and @danroth27. Check out how to use the new FAST Web Components with .NET and Blazor.
- 10:00 AM Pacific | 17:00 UTC
- Live here: live.dot.net, twitch.tv/visualstudio.
Added items
Samples
- TicTacToe -
Tic Tac Toe game using blazor webassembly. Here is a Demo and a Blog post.
- ZXSpectrum -
ZX Spectrum emulator running on Blazor WebAssembly. Demo.
Tutorials
- Simple RPG with .NET and Azure technologies - Follow along with the Simple RPG tutorials as we learn new areas of .NET and Azure technologies focused around Blazor client applications and Azure Functions for web service backends. Source code: https://dev.azure.com/d20Tek/SimpleRPG/_git/simple-rpg-game.
- Create a 2D game with Blazor - July 2020 - Part 1: Intro. Part 2: Canvas initialization. Part 3: Sprite rendering. Part 4: Moving a sprite. Source code
.
- Build Tic Tac Toe game with Blazor WebAssembly - July 2020 - Build Tic Tac Toe game with Blazor WebAssembly. Source code
. Demo.
Libraries & Utilities
- EventHorizon Blazor TypeScript Interop Generator -
Videos
- Visual Studio Remote Office Hours - Blazor and ASP.NET -
- Blazor Wasm Localization and Globalization -
- An accessibility audit of .NET Blazor with Chris DeMars -
July 9, 2020 - An accessibility audit of .NET Blazor with Chris DeMars, on The .NET Docs Show.
- Blazor & Electron.NET Managing Application Windows -
July 9, 2020 - This video covers how to create a new windows and manage the window properties, retrieve windows and set the full screen mode.
- Blazor Web Bluetooth -
July 1, 2020 - In this video Jimmy Engström demonstratres how to use Blazor and web bluetooth to controls a bluetooth robot.
Articles
- New experimental Razor editor for Visual Studio - July 15, 2020 - With the release of Visual Studio 2019 16.7 Preview 4, you can now try out our new experimental Razor editor for local development with MVC, Razor Pages, and Blazor.
- Blazor and Dragons: How to consume gRPC-web from Blazor - July 14, 2020 - Blazor and Dragons: how to consume gRPC-web from Blazor.
- How to Build a CORS Proxy for Client-side Blazor - July 13, 2020 - How to Build a CORS Proxy for Client-side Blazor.
- V-Drum Explorer: Blazor and the Web MIDI API - July 12, 2020 - Blazor and the Web MIDI API, a way of accessing local MIDI devices from a browser. Source code
. Documentation.
- Understanding about Cascading Values and Cascading Parameters in Blazor - July 4, 2020 - Understanding about Cascading Values and Cascading Parameters in Blazor.
- Deploying a .NET Core Blazor App to Netlify using GitHub Actions - June 29, 2020 - Deploying a .NET Core Blazor App to Netlify using GitHub Actions.
Tooling
- WebCompiler -
A dotnet global tool for compilation, minification, and compression of scss, css and js.
Week 28 of the year 2020
Added items
Special event: "An accessibility audit of .NET Blazor with Chris DeMars". [July, 9]
- Join Chris DeMars (@saltnburnem ), along with hosts Cam Soper, Scott Addie, David Pine for a captivating conversation about .NET.
- Live here: https://dotnetdocs.dev
Special event: "ASPNET Community Standup: FAST Framework". [July, 8]
- Get ready for this week’s ASPNET Community Standup on the FAST Framework with @EisenbergEffect, @stevensanderson, and @danroth27. Check out how to use the new FAST Web Components with .NET and Blazor.
- 10:00 AM Pacific | 17:00 UTC
- Live here: live.dot.net, twitch.tv/visualstudio.
Sample Projects
- Blazor and Identity Server -
- Blazor WebAssembly and Azure Active Directory -
Blazor WebAssembly application secured with Azure Active Directory. This source code is related to an article on Medium: Securing a Blazor WebAssembly application with Azure Active Directory.
- Blazor.JobBoard -
Blazor WebAssembly based jobboard application deployed to Azure Storage Static Site. Demo.
Send an Sms -This demo shows how to send an Sms with Blazor using the Vonage SMS API.
Videos
- FAST Framework -
July 7, 2020 - ASP.NET Community Standup: FAST Framework. Check out how to use the new FAST Web Components with .NET and Blazor. Guests: Daniel Roth, Steve Sanderson and Rob Eisenberg.
- Blazor WebAssembly : Using HttpClient in MVVM -
Articles
- Getting Started with Mobile Blazor Bindings - July 9, 2020 - This is the first in a tutorial series about developing native Android and iOS apps using Xamarin and Blazor. This lesson will help you set up your development environment.
- How to send an SMS with Blazor - July 8, 2020 - This article covers how to send an SMS using Blazor and the Vonage SMS API. Source code
- Securing a Blazor WebAssembly application with Azure Active Directory - July 7, 2020 - Securing a Blazor WebAssembly application with Azure Active Directory. Source code
- Custom validation logic on client AND server with Blazor - July 7, 2020 - Custom validation logic on client AND server with Blazor.
- The .NET Stacks #6 - July 5, 2020 - A rundown on mobile Blazor bindings, EF updates, ASP.NET Core A-Z, and more.
- Understanding about Cascading Values and Cascading Parameters in Blazor - July 4, 2020 - Understanding about Cascading Values and Cascading Parameters in Blazor. Source code
.
- Blazor WebAssembly HttpClient – Consuming Web API - July 3, 2020 - This article from Code Maze covers the Blazor WebAssembly HttpClient and how to use it to fetch data from the ASP.NET Core Web API server.
- Setting the Page Title in a Blazor App - June 22, 2020 - Let's set the page title using a Blazor component and a bit of JavaScript.
