blazor.md

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