The best way to pass data between Blazor pages is by registering a singleton service and injecting it as a dependency onto the pages or components that need it. In this tutorial, you will create a C# class, register it as a service in your Blazor app, inject an instance of the service onto your … Read more
In this tutorial, you will learn how to pass data as a route parameter from a Blazor component on one page to a component on another page. This is a helpful trick that enables your web apps to elegantly hand off data between various components and pages. Using Blazor, it is easy to pass parameters … Read more
This tutorial will demonstrate a simple way to create a Progressive Web App (PWA) from your Blazor WebAssembly app. A PWA is an installable web app that works offline and is treated as a first-class citizen on desktop and mobile. A Working Demo In this tutorial, I will walk you through the process I used … Read more
This tutorial will teach you how to pass data to a Blazor child component as a parameter. This is useful if you have a customizable component that you wish use in multiple places across your page. Parent-Child Data Flow Suppose you have a custom UI component that you intend to use throughout a page. The … Read more
One of the most useful Blazor features is the ability to pass data between your front-end DOM elements and back-end C# code. In this tutorial, you will learn techniques for binding C# variables such that they can be displayed in the browser or modified via user input in the browser. One-way Data Binding The first … Read more
With the launch of .NET Core 3.0 and Visual Studio 16.3.0, support for creating web apps using the Blazor template is now natively enabled. This makes it easy for you to run your C# libraries directly in the browser. Unfortunately, client-side Blazor support did not make this release. Much like server-side Blazor with SignalR, client-side … Read more
