Bit.Client.Web.BlazorUI.Playground

Blazor multi mode with best practices in mind!

In Directory.build.props, you can switch between blazor server / web assembly and hybrid by using either

<BlazorMode>BlazorWebAssembly</BlazorMode>

<BlazorMode>BlazorServer</BlazorMode>

<BlazorMode>BlazorHybrid</BlazorMode>

For blazor web assembly use followings in Bit.Client.Web.BlazorUI.Playground.Web:

<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">

for blazor server use:

<Project Sdk="Microsoft.NET.Sdk.Web">

For blazor hybrid, use Bit.Client.Web.BlazorUI.App project instead.

To run blazor web assembly only start Api project, but for blazor hybrid you need multi startup for both api & app projects. In blazor server you need multi startup for both api & web projects.

In shared project, you can also detect code is running in blazor server / web assembly or hybrid mode by use any of followings:

if (Bit.Client.Web.BlazorUI.Playground.Shared.BlazorModeDetector.Current.IsBlazorServer())
{
}

#if BlazorWebAssembly

#endif

It's recommended to clear your browser's cache and close/open visual studio while switching between blazor modes!