Releases: AdrienTorris/awesome-blazor
Releases · AdrienTorris/awesome-blazor
Week 27 of the year 2020
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
Added items
Samples
- TheIdServer - OpenID/Connect server base on IdentityServer4.
- Lights out Blazor - Clone based on the 1995 game Lights Out by Tiger Electronics Demo.
- BlazeReport - A minimal example of a Blazor App with NUnit, Selenium, SpecFlow and ExtentReports.
- Minesweeper - Minesweeper using C# and Blazor WebAssembly.
- BlazorGames - 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.
- Blazor-WASM-AzureAD-gRPC - Blazor WASM, Azure AD, REST & gRPC.
- Blazor-WASM-Auth0-gRPC - Blazor WASM, Auth0, REST & gRPC.
- BlazorConduit - The RealWorld example app written using Blazor. Demo.
Libraries & Utilities
- jsMind.Blazor - A Blazor JSInterop wrapper for jsMind, a MindMapping tool.
- Blazor.Canvas - Wrapper library around the HTML canvas API written in C# (no JS dependency) (Demo).
- Blazor Library Asset Helper - A VISX extension that can list all JS and CSS assets from Nuget package razor libraries you are using in your Blazor app. It will generate all the
<script>
and<link>
tags for your HTML page for you to copy/paste. Available on the Visual Studio Marketplace.
Videos
- Blazor WebAssembly : Dependency Injection - July 3, 2020 - Blazor WebAssembly : Dependency Injection, by Curious Drive.
- State of .NET Blazor with Markus Egger - June 23, 2020 - State of .NET Blazor with Markus Egger.
Articles
- Go faster with your own re-usable Blazor components - June 30, 2020 - Go faster with your own re-usable Blazor components.
- Creating a Custom Validation Message Component for Blazor Forms - June 30, 2020 - Creating a Custom Validation Message Component for Blazor Forms, by Chris Sainty.
- Blazor Upload File to Azure Blob Storage - June 29, 2020 - Blazor Upload File to Azure Blob Storage, by Bradley Wells.
- Hosting both Blazor Server and WebAssembly in single website - June 27, 2020 - Hosting both Blazor Server and WebAssembly in single website.
- State Management with Blazor using Fluxor - June 26, 2020 - Implementing the flux spec with Fluxor for Blazor applications. Source code .
- Telerik UI for Blazor 2.15.0 - June 24, 2020 - Telerik UI for Blazor 2.15.0 includes new ButtonGroup, ToggleButton, Grid Updates and more.
- Move Over, JSON, Here's gRPC-Web for .NET (& Blazor) - June 23, 2020 - Move Over, JSON, Here's gRPC-Web for .NET (& Blazor) by David Ramel, on Visual Studio Magazine.
- 7 Things to Enjoy in MAUI - June 19, 2020 - .NET Multi-platform App UI (MAUI) is the next evolution of cross-platform UI solution for .NET developers. Just like the island, MAUI will have plenty to offer for developers. Let's explore the promise of .NET MAUI.
- Minesweeper in Blazor WebAssembly Part 2: The Blazor Component - June 18, 2020 - Let's build a Blazor Component so we can play Minesweeper with it.
- Minesweeper in Blazor WebAssembly Part 1: C# Implementation - June 15, 2020 - Let's build the computer game Minesweeper using C# and Blazor WebAssembly! Source code .
Courses
- DevOps and Docker Support for .NET Core Blazor Applications - June 2020 - DevOps and Docker Support for .NET Core Blazor Applications, on Udemy. This Docker Support Course with DevOps concepts using ASP.NET Core Blazor will teach you Dockerisation of Blazor Apps.
Week 26 of the year 2020
Special event: "Blazing into Summer with Ed Charbeneau". [June, 25]
- Join Ed Charbeneau (@EdCharbeneau ), along with hosts Cam Soper, Scott Addie, David Pine for a captivating conversation about .NET.
- Live/Replay here: https://dotnetdocs.dev
Special event: "ASP.NET Community Standup: EF Core in Blazor". [June, 24]
- Topic: Using Entity Framework Core in ASP.NET Core Blazor applications (Jeremy Likness)
- Live/Replay here: https://live.dot.net
Special event: "ASP.NET Community Standup: Blazor Mobile Binding". [June, 23]
- Topic: Blazor Mobile Bindings (Eilon Lipton)
- Live/Replay here: https://live.dot.net
Added items
Samples
- LinqToTwitter Blazor sample - LINQ Provider for the Twitter API (Twitter Library).
- Blazor-WASM-Identity-gRPC - Blazor WASM, IdentityServer4 & gRPC with roles authorization.
- gRPC-Web - Sample about gRPC-Web and Blazor WebAssembly.
Tutorials
- Build a Blazor WebAssembly line of business app - June, 2020 - Build a Blazor WebAssembly line of business app. Part 1. Part 2. Part 3. Part 4. Source code .
- Create a small blog in Blazor - June, 2020 - Create a small blog in Blazor, by RoundTheCode. Part 1: Create application in Visual Studio. Part 2: Entity Framework integration. Part 3: Build Entity Framework queries. Part 4: Build Category and Page Razor Components.
Components
- Blazor.Diagrams - Interactive diagram component (flowcharts, UML, BPMN, ...), customizable and extensible according to user needs (node types, styles). Demo.
- Texnomic.Blazor.hCaptcha - hCaptcha Component for Server-Side Blazor.
- Z.Blazor.Diagrams - A fully customizable and extensible all-purpose diagrams library for Blazor, inspired by the popular react-diagrams library, with many additions. Demo.
Videos
- Blazor Train: Blazor Component Life Cycle - June 26, 2020 - Blazor Train: Blazor Component Life Cycle. What is a Blazor Component? How long does it live? How can we hook it to make sure our app behaves properly? This episode of Blazor Train covers all about the component life cycle.
- Blazing into Summer with Ed Charbeneau - June 25, 2020 - Blazing into Summer with Ed Charbeneau, by The DOT.NET Docs Show.
- GameDev - Blazor with BabylonJS (Web Rendering) - June 25, 2020 - Live development of a game with Blazor WebAssembly and BabylonJS.
- ASP.NET Community Standup: Entity Framework Core in Blazor - June 24, 2020 - ASP.NET Community Standup: EF Core in Blazor.
- ASP.NET Community Standup: Blazor Mobile Bindings - June 23, 2020 - ASP.NET Community Standup: Blazor Mobile Bindings, with Eilon Lipton.
Articles
- ASP.NET Core updates in .NET 5 Preview 6 - June 25, 2020 - .NET 5 Preview 6 is now available and is ready for evaluation. Here’s what’s new in this release: Blazor WebAssembly template now included, JSON extension methods for HttpRequest and HttpResponse, extension method to allow anonymous access to an endpoint, custom handling of authorization failures and SignalR Hub filters.
- Blazor WebAssembly Template Lands in .NET 5 Preview 6 - June 25, 2020 - Blazor WebAssembly Template Lands in .NET 5 Preview 6, by David Ramel on Visual Studio Magazine.
- State Management and Error Recovery in Blazor WebAssembly - June 24, 2020 - Centralized state management with serialization in localStorage when application crashes or user leaves the application. Source code.
- Learn how you manage routing in Blazor for .NET Core and VS Code - June 24, 2020 - Learn how you manage routing in Blazor for .NET Core and VS Code.
- 3+1 ways to manage state in your Blazor application - June 23, 2020 - 3+1 ways to manage state in your Blazor application.
- Partial Classes, RenderFragment and Lifecycle in Blazor WebAssembly - June 22, 2020 - Partial Classes, RenderFragment and Lifecycle in Blazor WebAssembly. Source code . This article is part of the Blazor series.
- Creating a Repeater component with Blazor - June 22, 2020 - If you are familiar with the old ASP.NET, you know the asp:Repeater control, a control that iterates on a collection (may comes from any kind of DataSource) and use a template to generate the page. This article shows how to create a control like that with Blazor.
- Build an Azure AD Secured Blazor Server Line of Business App - June 20, 2020 - Build an Azure AD Secured Blazor Server Line of Business App. Source code ![last commit](https://img.shields.io/github/last-commit/JeremyLikness/BlazorServerEFCoreExample?style=flat-square&cache...
Week 25 of the year 2020
Special event: "Blazor Day". [June, 18th]
- Free online event. Planning.
- You missed it? Here the videos of the talks:
- Bringing .NET to the Web and Beyond - by Dan Roth.
- Secrets of a Blazor Component Artisan - by Ed Charbeneau.
- Create An Optical Character Reader Using Blazor And Azure Computer Vision - by Ankit Sharma.
- Razor: Into the Razor-Verse - by Ed Charbeneau.
- Forms & Validation in Blazor - by Chris Sainty.
- Create a cross-platform application with Blazor & BlazorMobile - by Guillaume Zahra.
- Building Desktop Apps for Windows, Mac & Linux with Blazor & Electron - by Ahmad Mozaffar.
- Authentication and Authorization in Blazor - by Marco De Sanctis.
- Getting started with Blazor and Clean Code principles - by Bruno Barrette.
- Building a PWA (Progressive Web App) with Blazor WebAssembly - by Vivien Fabing.
Added items
Samples
- Realtime chat app with WebAssembly - Real-time chat application with SignalR, .NET and Blazor/WebAssembly.
- BlazorAnimate - A simple example of animating text along a path using Blazor Canvas Extensions. Demo.
- BlazorParallax - Simple Parallax Page sample with Blazor Server.
- BlazorContrib - Experiment of a Blazor renderer for Markdig, a Markdown component.
Components & utilities
- Skclusive.Material.Components - Material Design components for Blazor (Dashboard Demo), (Components).
- Sve-Blazor-InfiniteScroll - Simplistic implementation of an infinite scroll component for Blazor.
- RazorComponents.Markdown - A razor component for Markdown rendering which supports LaTeX, Mermaid diagram, code highlighting and extensions based on Markdig.
- Blazor_EmojiFilePicker - Bootstrap Text-Input with Smiley- and File-Support for Blazor.
- Blazor PDF - Generate de PDF document with iTextSharp from a Blazor Server App.
- Blazor-Color-Picker - Opens a palette with the Material colors for Blazor application.
Tutorials
- Build a Blazor WebAssembly line of business app - June, 2020 - Build a Blazor WebAssembly line of business app. Part 1. Part 2. Part 3. Source code .
- Custom Authentication in Blazor WebAssembly – Detailed Tutorial - June 12, 2020 - In this next part of the Blazor Blog Series, Let’s learn about implementing Custom Authentication in Blazor WebAssembly Project (Blazor.Learner). We will cover some core concepts that can get you familiar with how authentication works in Blazor Applications. Source code .
Videos
- Blazor Day 2020: Building a PWA (Progressive Web App) with Blazor WebAssembly - June 18, 2020 - Building a PWA (Progressive Web App) with Blazor WebAssembly, by Vivien Fabing at Blazor Day 2020.
- Blazor Day 2020: Getting started with Blazor and Clean Code principles - June 18, 2020 - Getting started with Blazor and Clean Code principles, by Bruno Barrette at Blazor Day 2020.
- Blazor Day 2020: Authentication and Authorization in Blazor - June 18, 2020 - Authentication and Authorization in Blazor, by Marco De Sanctis at Blazor Day 2020.
- Blazor Day 2020: Building Desktop Apps for Windows, Mac & Linux with Blazor & Electron - June 18, 2020 - Building Desktop Apps for Windows, Mac & Linux with Blazor & Electron, by Ahmad Mozaffar at Blazor Day 2020.
- Blazor Day 2020: Create a cross-platform application with Blazor & BlazorMobile - June 18, 2020 - Create a cross-platform application with Blazor & BlazorMobile, by Guillaume Zahra at Blazor Day 2020.
- Blazor Day 2020: Forms & Validation in Blazor - June 18, 2020 - Forms & Validation in Blazor, by Chris Sainty at Blazor Day 2020.
- [Blazor Da...
Week 24 of the year 2020
Special event: "Blazor Day". [June 18th]
- Free online event. Planning.
Added items
Samples
- BlazorMobile - Create full C# driven hybrid-apps for iOS, Android, UWP & Desktop with Blazor.
- BlazorWebView - A BlazorWebView "Control" that is easily embedded in (Native) UI frameworks.
- Poker Odds Pro Calculator - Responsive poker odds calculator using blazor WebAssembly and pure C#. Demo.
- C# Regex Online tool - Online tool for verify .Net regex syntax, see splits list, table etc. (Demo).
- Nethereum Playground - Compile and run Nethereum snippets on the browser. You can run it here: http://playground.nethereum.com/.
Tutorials
- Create a small blog in Blazor - June, 2020 - Create a small blog in Blazor, by RoundTheCode. Part 1: Create application in Visual Studio. Part 2: Entity Framework integration. Part 3: Build Entity Framework queries.
Components
- BlazorWorker - Library for creating DotNet Web Worker threads/multithreading in Blazor. Live demo.
- Plotly.Blazor - Brings the charting library plotly.js with over 40 chart types to Blazor (Demo).
- Sve-Blazor-DataTable - Blazor DataTable component with support for client/server side paging, filtering and sorting, build on top of bootstrap 4.
- Blazor Highcharts - A port of the popular Highcharts library. Demo.
Videos
- Blazor WebAssembly : Entity Framework Core - EP06 - June 10, 2020 - Blazor WebAssembly : Entity Framework Core - EP06, by Curious Drive. In this episode, he shows how you can integrate Entity Framework Core in a Blazor WebAssembly application.
- Blazor Twitch Bot Examples for GitHub - June 9, 2020 - Blazor Twitch Bot Examples for GitHub. Source code .
- Blazor WebAssembly : Debugging in VS Code, Chrome and Visual Studio - June 5, 2020 - Blazor WebAssembly : Debugging in VS Code, Chrome and Visual Studio, by Curious Drive. In this episode, he shows how you can debug your Blazor WebAssembly application using VS Code, Chrome or Visual Studio. He goes through all the files and the settings that you need to do before you debug your apps.
Articles
- Blazor vs React - June 9, 2020 - A comparison of Blazor and React when it comes to modern web development—a review of the pros and cons.
- Blazor UI Components - An Update with New Controls & Features, and Blazor Reports! (available in v20.1) - Blazor UI Components - An Update with New Controls & Features, and Blazor Reports! (available in v20.1).
- Avoiding AccessTokenNotAvailableException when using the Blazor WebAssembly Hosted template with individual user accounts - June 9, 2020 - Avoiding AccessTokenNotAvailableException when using the Blazor WebAssembly Hosted template with individual user accounts.
- How to detect unsupported browsers under a Blazor WebAssembly application? - June 8, 2020 - How to detect unsupported browsers under a Blazor WebAssembly application?
- Using Blazor WebAssembly and C# to build Tic-Tac-Toe in .NET Core - May 25, 2020 - Let's build the classic kids' game using Blazor, C#,and .NET Core! As always, there's a sample project included.
- ASP.NET Core Blazor with SignalR breaks when used with Cloudflare's HTML minification - May 20, 2020 - ASP.NET Core Blazor with SignalR breaks when used with Cloudflare's HTML minification.
Tooling
- Blazor REPL - Write, compile, execute and share Blazor components entirely in the browser - https://blazorrepl.com.
Release of February 2020
Last release the January, 1st.
A cleaning of the page was started and some obsoletes items has been moved to the 2019's archive file.
Items added:
Samples projects
- BlazorForum - Forum application built with Blazor.
- Minimal ToDo by David Fowler - Minimal ToDo backend API implementation by David Fowler from Microsoft.
Videos:
- Ed Charbeneau talks about Blazor components on CsharpFritz - February 25, 2020 - Ed Charbeneau talks about Blazor components contributes BlazorComponentUtilities to our project.
- Deploying Blazor WebAssembly Backend - February 21, 2020 - Deploying Blazor WebAssembly Backend, on Twitch.
- Let's add some auth to Blazor - January 17, 2020 - Let's add some auth to Blazor, on Twitch.
- Blazor Tutorial : Templated Components | Html Table - February 20, 2020 - Blazor Tutorial : Templated Components | Html Table by CuriousDrive. Source code.
- Is Blazor the new Silverlight? - February 19, 2020 - Very short video (2min) by Carl Franklin from the Blazor Road Show who speaks about "Is Blazor the new Silverlight?".
- Build modern data-driven Web Apps with Microsoft Blazor and Dapper - February 2, 2020 - Build modern data-driven Web Apps with Microsoft Blazor and Dapper.
- Hundreds of practical ASP.NET Core samples to learn the fundamentals - February 19, 2020 - Hundreds of practical ASP.NET Core samples to learn the fundamentals, and there are great samples about Blazor.
- Is Blazor the new Silverlight? - February 2, 2020 - Very short video (2min) by Carl Franklin from the Blazor Road Show who speaks about "Is Blazor the new Silverlight?".
- Open Source C#, Blazor, and the DataBinder - February 16, 2020 - Open Source C#, Blazor, and the DataBinder, by Jeffrey Fritz. BlazorWebFormsComponents.
- Coding with Squirrel - and Blazor !coffee - February 14, 2020 - Coding with Squirrel, and Blazor !coffee, by Jeffrey Fritz. BlazorWebFormsComponents.
- Blazor TreeView GridLines and starting the FormView component - February 13, 2020 - Blazor TreeView GridLines and starting the FormView component, by Jeffrey Fritz.
- Blazor TreeView images and checkboxes - February 12, 2020 - Blazor TreeView images and checkboxes, by Jeffrey Fritz. BlazorWebFormsComponents.
- Blazor Tutorial : Procedural Logic | Authentication & Authorization in C# - February 18, 2020 - Blazor Tutorial : Procedural Logic | Authentication & Authorization in C#, by Curious Drive. Source code.
- Blazor in more depth - January 28, 2020 - Blazor in more depth by Steve Sanderson and Ryan Nowak at the NDC London 2020.
- Open Source C#, .NET, and Blazor - everywhere PLUS WebAssembly - February 12, 2019 - Open Source C#, .NET, and Blazor - everywhere PLUS WebAssembly by Scott Hanselman.
Articles
- From WebForms to Blazor? - February 24, 2020 - From WebForms to Blazor?.
- Blazor live reload preview - February 23, 2020 - In react we have hot module replacement this feature allows us to change code and see changes immediately in your browser. We can make a similar feature in blazor using Roslyn compiler. Compiling down razor components in runtime and serving with WebSockets on every file change using file watcher. Source code.
- Is Blazor For Everyone? - February 18, 2020 - Is Blazor For Everyone?, by Carl Franklin.
- Initializing Web Components in Blazor via JS Interop - February 14, 2020 - Initializing Web Components in Blazor via JS Interop. Source code.
- Creating a multi-language translator using Blazor and Azure Cognitive Services - February 17, 2020 - Creating a multi-language translator using Blazor and Azure Cognitive Services.
- Hosting a Blazor App in WinUI 3 with WebView2 and call a Blazor Component Method from WinUI - February 18, 2020 - Hosting a Blazor App in WinUI 3 with WebView2 and call a Blazor Component Method from WinUI.
- Integrating Tailwind CSS with Blazor using Gulp - Part 1 - February 18, 2020 - Integrating Tailwind CSS with Blazor using Gulp - Part 1.
- Rider 2019.3.2 is available - February 12, 2020 - Rider 2019.3.2 by JetBrains is available, with improved Blazor support.
- Building an Application with Blazorade Bootstrap, Part 3 - February 17, 2020 - Building an Application with Blazorade Bootstrap, Part 3. Source code.
- C# and WebAssembly (Wasm) - June 29, 2019 - C# and WebAssembly (Wasm).
- Mono: From Xamarin to WebAssembly, Blazor, and .NET 5 - Q&A with Miguel de Icaza - February 13, 2020 - Mono: From Xamarin to WebAssembly, Blazor, and .NET 5 - Q&A with Miguel de Icaza.
- Blazor WebAssembly Rest Client - February 14, 2020 - This article focuses on client-side rendering and explains how to use RestClient.Net to make calls to a RESTful API. Source code.
- Dashboard for Blazor - How to use Web Dashboard within your Blazor Apps - February 17, 2020 - Dashboard for Blazor - How to use Web Dashboard within your Blazor Apps, by DevExpress. This post covers how to integrate the HTML JavaScript Dashboard into a Blazor applications and focus on integration details and create a sample dashboard application as well.
Presentation slides
- Blazor in more depth - January 28, 2020 - Blazor in more depth by Steve Sanderson and Ryan Nowak at the NDC London 2020. Presentation of Steve Sanderson. Presentation of Ryan Nowak.
Tutorials
- Creating a step-by-step end-to-end database Client-Side (WebAssembly) Blazor application - February 15, 2020 - This post covers how a list of Weather forecasts can be added to the database.
Week 23 of year 2020
Special event: "Blazor Beyond the Web".
Added items
Samples
- BlazorGame - BlazorGame is a small proof-of-concept project to investigate the feasability of Blazor-based C# game development.
Tutorials
- Blazor CRUD with Entity Framework Core – Detailed Tutorial - June 4, 2020 - Building a CRUD Application is like the Hello World for Intermediate Developers. It helps you understand the most common operations of any particular stack. In this tutorial, let’s build a Client-side Blazor CRUD Application that uses Entity Framework Core as it’s Data Access Layer. Source code .
Components
- BlazorLazyLoading - Production ready lazy loading implementation. Full lazy loading support for WASM and Server (pages, components, dlls) with abstractions to implement modularization if you wish (custom endpoints, custom manifests, etc).
- GEmojiSharp.Blazor - GitHub Emoji for Blazor (Demo).
Videos
- Blazor Beyond the Browser - June 3, 2020 - Blazor Beyond the Browser, with Ed Charbeneau and Daniel Roth.
- Blazor In-Depth: Full-Stack C# with Telerik UI for Blazor and Entity Framework - June 2, 2020 - Blazor In-Depth: Full-Stack C# with Telerik UI for Blazor and Entity Framework.
- Blazor: A Guided Tour with Ed Charbeneau - June 1, 2020 - Blazor: A Guided Tour with Ed Charbeneau. Part 1, Part 2, Part 3.
- Blazor WebAssembly : Routing | NavigationManager, AdditionalAssemblies - May 31, 2020 - Blazor WebAssembly : Routing | NavigationManager, AdditionalAssemblies, by Curious Drive. In this episode, he shows how navigate between pages in Blazor WebAssembly. He also talks about passing parameters across pages. In the end, he dives diving little deeper to show how you can add Razor Component assemblies to your Router navigate to pages which are into Third Party Components.
- Blazor, Menus, the conclusion of May is for Macs with some !coffee - May 31, 2020 - Blazor, Menus, the conclusion of May is for Macs with some !coffee.
- Working with Pages and Components - May 30, 2020 - Working with Pages and Components, by Ed Charbeneau.
- Blazor Train: A talk with Steve Sanderson and David Fowler - May 26, 2020 - Blazor Train, episode 5: In this episode Carl talks to the creators of Blazor, Steve Sanderson and David Fowler.
- Blazor Train: Synchronicity - Develop Server and WASM Apps Simultaneously - May 26, 2020 - Blazor Train, episode 4: On this episode of Blazor Train I’ll show you how you can develop a Blazor WASM app AND a Blazor SERVER app -- at the same time -- from a single code base, and why you’d want to do that in the first place.
- Blazor Train: WebAssembly - May 26, 2020 - Blazor Train, episode 3: On this episode of Blazor Train, we’ll dive into WebAssembly. What is it? Is it secure? How does it work? What browsers support it? What languages can compile to it? Can it only run in the browser? And we’ll answer the question: Is Blazor Wasm the next Silverlight?
- Blazor Train: Server vs WASM - May 26, 2020 - Blazor Train, episode 2: Blazor Train: Server vs WASM, by Carl Franklin. In this episode of Blazor Train, he compares the two hosting models: Blazor Server and Blazor WebAssembly. He creates an app using each model, and watch the network traffic in the browser. He talks about the maximum number of concurrent clients a Blazor Server app can handle, and how to scale it to meet demands. Most importantly, he weighs the pros and cons of each hosting model, so you can start thinking about which is appropriate for your next application.
- Blazor Train: Introducing Blazor - May 26, 2020 - Blazor Train, episode 1: Introducing Blazor, by Carl Franklin. In this episode of Blazor Train, he takes a first look at Microsoft Blazor - its history, how it evolved as a product and became part of ASP.NET Core. He looks at how the Blazor component model simplifies common tasks like binding and event handling. He writes a simple demo to illustrate the power of Blazor and how it will make you a more productive web developer.
- Blazor WebAssembly : Project Structure/Template - May 25, 2020 - Blazor WebAssembly : Project Structure/Template, by Curious Drive. In this episode, he's going through the project structure for Blazor WebAssembly applications. Why do need we need Client, Server and Shared project when we get started. How you can run them separately? all sort of questions he have answered in this video.
- Office hours, building a full stack Blazor app - May 23, 2020 - Office hours, building a full stack Blazor app, by Ed Charbeneau.
Articles
- Blazor vs. React / Angular / Vue.js - June 4, 2020 - Blazor is a new Microsoft technology that allows developers to write code for browsers in C#. This article compares Blazor to three other common SPA frameworks: React, Angular, and Vue.js.
- Adding React UI components to Blazor Web Assembly app - June 3, 2020 - Adding React UI components to Blazor Web Assembly app.
- Custom connection details display - June 3, 2020 - Custom connection details display.
- Blazor How-Tos: create a chat application - part 1: Introduction - June 1, 2020 - Blazor How-Tos: create a chat application - part 1: Introduction. Source code .
- Introducing Blazor WebAssembly – a client-side alternative to JavaScript - May 29, 2020 - Introducing Blazor WebAssembly – a client-side alternative to JavaScript.
- Chatting about Blazor UI Controls with Microsoft at the Build Post Show - May 20, 2020 - Chatting about Blazor UI Controls with Microsoft at the Build Post Show.
- Splitting a monolith reporting web app with Blazor - February 18, 2020 - Splitting a monolith reporting web app with Blazor.
Podcasts
- [Testing...
Week 22 of year 2020
Special event: "Blazor WebAssembly 3.2 Release Party!". [Over]
- ASP.NET Community Standup - Blazor WebAssembly 3.2 Release Party!
Added items
Samples
- Blogifier - ASP.NET Core Blogging application with Blazor Admin Dashboard. Demo.
- Blorc.OpenIdConnect - The right way to use OpenID Connect on Blazor.
Tutorials
- Creating Outlook Calendar Client from scratch - May, 2020 - In this course you'll see how to develop a calendar application from scratch (design, structing and logic) then make it integrated with Microsoft Outlook so our events on the calendar being synced with Outlook. Source code .
Components
- BlazorFluentUI - Simple port of FluenUI/Office Fabric React components and style to Blazor. Client-side demo (WebAssembly). Server-side demo (SignalR).
- TextCopy - A cross platform package to copy text to and from the clipboard. Supports Blazor via the Clipboard Browser API.
- Blazor-ApexCharts - Blazor wrapper for ApexCharts. Demo.
- BlazorCss - CSS Helper for BlazorStyled which provides auto complete CSS styles.
- BlazorCssGrid - Css Helper for defining Grid SPA layouts in BlazorStyled.
- PkcsExtensions.Blazor - A library to provide crypto and digital signature functionality for Blazor WebAssembly and light WebCrypto interop.
- MComponents - Open Source MIT Blazor Components: Grid, Select, Wizard etc.
- BlazorLazyLoad - BlazorLazyLoad is a implementation of assembly lazy load feature in Blazor WASM application on both page and component level.
- SpotifyService - A high-level Spotify API library for Blazor WebAssembly projects that enables Spotify playback in the browser, manages OAuth 2.0 authorization, provides easy access to the Spotify Web API and uses IndexedDB caching.
Videos
- Blazor WebAssembly 3.2 Release Party! - May 26, 2020 - ASP.NET Community Standup - Blazor WebAssembly 3.2 Release Party!
Articles
- The best samples to teach yourself Blazor - May 27, 2020 - The best samples to teach yourself Blazor. Now that Microsoft’s C#-in-a-browser platform is an official release, it’s safe to dig in.
- Announcing Experimental Mobile Blazor Bindings May update - May 26, 2020 - Announcing Experimental Mobile Blazor Bindings May update.
- Blazor news from Build 2020 - May 26, 2020 - Blazor news from Build 2020.
- Azure AD Secured Serverless Cosmos DB from Blazor WebAssembly - May 25, 2020 - Azure AD Secured Serverless Cosmos DB from Blazor WebAssembly, an authentic look at static sites with dynamic attitudes.
- How to create Blazor components with custom JavaScript and CSS in the components library and properly consume them from WebAssembly application - May 24, 2020 - How to create Blazor components with custom JavaScript and CSS in the components library and properly consume them from WebAssembly application.
- Realtime Update With Blazor Wasm Signalr And Mediatr - May 24, 2020 - Realtime Update With Blazor Wasm Signalr And Mediatr.
- Next for Blazor: AOT for 'Massive Speed Gains' - May 23, 2020 - Next for Blazor: AOT for 'Massive Speed Gains', from Visual Studio Magazine.
- Microsoft Build 2020 – Highlights - May 21, 2020 - This Microsoft Build 2020 conference was very different from all the previous ones as a digital experience event because of the COVID-19 Coronavirus. Microsoft made it a great experience – with announcements on Microsoft Azure, .NET 5, Windows, and more.
- Using three.js with ASP.NET Core Blazor Server application - May 19, 2020 - Using three.js with ASP.NET Core Blazor Server application. Source code .
- Blazor finally complete as WebAssembly joins server-side component - May 19, 2020 - Blazor finally complete as WebAssembly joins server-side component.
- Hosting Blazor WebAssembly in Azure Static Web Apps (Preview) - May 19, 2020 - Hosting Blazor WebAssembly in Azure Static Web Apps (Preview).
- Attach Blazor to Azure IoT Edge routing, showing live message feed - May 3, 2020 - Attach Blazor to Azure IoT Edge routing, showing live message feed.
- Debugging problems persist in Blazor WebAssembly 3.2 Preview 4 - April 16, 2020 - Debugging problems persist in Blazor WebAssembly 3.2 Preview 4.
- Top 3 Blazor Extensions for Visual Studio Code - April 8, 2020 - Some developers prefer to create applications with Microsoft's open-source Blazor tooling from within the open-source, cross-platform Visual Studio Code editor. Here are the top tools in the VS Code Marketplace for those folk, as measured by the number of installations.
Week 21 of year 2020
Special event: "Microsoft Build 2020".
- Microsoft Build is live! MyBuild website. Sessions catalog.
- You also can retrieve all the content on Channel 9.
Added items
Samples
- BlazorGraphApi - Blazor Server App with AD Authentication, that calls the MS Graph API on-behalf of the signed-in user using Microsoft.Identity.Web.
Videos
- Modern Web UI with Blazor WebAssembly - May 19, 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 and more. Video by Steve Sanderson from Microsoft.
Articles
- Blazor WebAssembly 3.2.0 now available - May 19, 2020 - Blazor WebAssembly 3.2.0 now available.
Podcasts
- Michael Washington on the State of Blazor - May 11, 2020 - In this episode of Azure DevOps Podcast, Jeffrey Palermo is speaking with Michael Washington about Blazor in-depth. They discuss the current state of Blazor; Oqtane, a modular application framework for Blazor; server-side Blazor apps; Radzen, a low-code, RAD solution; his books on the topic of Blazor; and his advice, tips, recommendations, and resources for Blazor as well.
Week 20 of year 2020
Added items
Samples
- AcBlog - A blogging PWA that can be hosted as a full static website. GitHub Pages Demo.
- Blazor WASM Deployment - Sample repo for showing Actions to deploy a Blazor app to Azure services.
Components
- BlazorMonaco - Blazor component for Microsoft's Monaco Editor which powers Visual Studio Code. (Demo).
Videos
- Blazor WASM authentication - May 8, 2020 - Blazor WASM authentication, by Ed Charbeneau.
- Blazor Tutorial : Deploy to Azure App Services - May 5, 2020 - Blazor Tutorial : Deploy to Azure App Services, by Curious Drive.
- Blazor StateHasChanged: E-book samples, code-behind, and office hours - May 1, 2020 - Blazor StateHasChanged: E-book samples, code-behind, and office hours.
Articles
- EF Core and Cosmos DB with Blazor WebAssembly - May 14, 2020 - EF Core and Cosmos DB with Blazor WebAssembly.
- Blazor interview questions and answer - May 14, 2020 - Blazor interview questions and answer.
- Building a Progressive Web App with Blazor - May 13, 2020 - Building a Progressive Web App with Blazor.
- Unit Testing Blazor Components with bUnit and JustMock - May 11, 2020 - Unit Testing Blazor Components with bUnit and JustMock.
- Copy to Clipboard in Blazor - April 29, 2020 - Copy to Clipboard in Blazor.
- Telerik UI for Blazor: 40+ Native Components with Telerik R2 2020 Release - May 13, 2020 - Telerik UI for Blazor: 40+ Native Components with Telerik R2 2020 Release.
- Quickly transform any mockup or design into a working Blazor prototype - April 29, 2020 - Quickly transform any mockup or design into a working Blazor prototype.
- CSS is hard, Blazor and Tailwind CSS makes it easier - April 22, 2020 - CSS is hard, Blazor and Tailwind CSS makes it easier.
- Playing audio files in a Blazor application - April 20, 2020 - Playing audio files in a Blazor application.
- TeeChart for .NET with Razor and Blazor under Net.Core 3 - February 20, 2020 - TeeChart for .NET with Razor and Blazor under Net.Core 3.
Week 19 of the year 2020
Added items
If you need to search on this list you can try this great website: Awesome Blazor Browser.
Thanks @jsakamoto for this!
Libraries & Extensions
- Blazor-Dom-Confetti - Celebrate success with dom 🎉confetti🎉 on Blazor projects. Two versions, dom-confetti wrapper and native blazor 100% JS free.
Articles
- Auto saving form data in Blazor - May 5, 2020 - Auto saving form data in Blazor.