Blazor

Use the power of .NET and C# to build full stack web apps without writing a line of JavaScript.

→ dotnet.microsoft.com/apps/aspnet/web-apps/blazor

Learn

Getting started

• Documentation

• Tutorials

• Blazor workshop

Fundamentals

• Configuration

• Debug

• State management

• Security

Additional readings

• Integrating Blazor Components into Existing Asp.Net Core MVC Applications - Jan 7, 2020

• Blazor Server in .NET Core 3.0 scenarios and performance - Oct 10, 2019

Samples

• dotnet/blazor-samples

• learn.microsoft.com/samples

• AdrienTorris/awesome-blazor

• davidfowl/TodoApi

• iammukeshm/Blazor.Learner

• Naveen512/Blazor-webassembly-authentication-scratch

Command line

# create a new Blazor Server App project
dotnet new blazorserver -o <project-name>

# create a new Blazor WebAssembly App project
dotnet new blazorwasm -o <project-name>

# create a new Razor component
dotnet new razorcomponent -n <component-name> -o <folder>

# create a new Razor page
dotnet new page -n <page-name> -o <folder>

Tips

Local debug

• dotnet watch

Recipes

Authentication

• ASP.NET Core Blazor authentication and authorization

  • Secure ASP.NET Core Blazor WebAssembly

• Blazor Google Auth Sample

• Authentication and Authorization by Steve Sanderson

• StackOverflow #59909081 about page reload

Local storage

• blazored/LocalStorage

Events

Date	Name	Resources
Jun 18, 2020	BlazorDay 2020	Video