Developing Microsoft Blazor Web Applications

Subjects

Blazor Overview

• Components
• Render Modes
• JavaScript interop

Render modes

• Static Server Side Rendering
• Interactive Server
• Interactive WebAssembly
• Interactive Auto
• Render mode selection

Components

• Component classes
• Component parameters
• Route parameters
• Child content

Data binding

• One way binding
• Two way binding
• Binding with component parameters
• Bind across more than two components

Event handling

• Event arguments
• Lambda expressions
• EventCallback

Lifecycle

• Lifecycle events
• Component initialization
• State changes

Templated components

• RenderFragment
• CascadingTypeParameter

Layouts

• Layout components
• Apply a layout
• Nested layouts

Forms and validation

• Binding a form
• Handle form submission
• Built-in form components
• Basic validation
• Data Annotations Validator component and custom validation
• Validator components

Dependency injection

• Default services
• Add services to a Blazor app
• Service lifetime
• Request a service in a component
• Use DI in services

Routing

• Route templates
• Route to components from multiple assemblies
• Route parameters
• Route constraints
• URI and navigation state helpers
• Query strings
• NavLink and NavMenu components

JavaScript

• Blazor JavaScript interoperabiliy (JS Interop)
• Call JavaScript from .NET
• Call .NET from JavaScript

Component libraries

• Create an RCL
• Consume a Razor component from an RCL
• Create an RCL with static assets in the wwwroot folder
• Create an RCL with JavaScript files collocated with components
• Supply components and static assets to multiple hosted Blazor apps
• JavaScript isolation in JavaScript modules

State management

• Persist state across browser sessions
• Where to persist state
• Server-side storage
• URL
• Browser storage
• In-memory state container service

Handle errors

• Detailed errors during development
• Manage unhandled exceptions in developer code

Web API

• Implement Web API
• Minimal API
• Call a web API from ASP.NET Core Blazor
  • Add the HttpClient service
  • HttpClient and JSON helpers
  • Named HttpClient with IHttpClientFactory
  • Typed HttpClient
  • HttpClient and HttpRequestMessage with Fetch API request options

Security And Identity

• Authentication
• AuthenticationStateProvider service
• Expose the authentication state as a cascading parameter
• Authorization
• AuthorizeView component
• Authorize attribute
• Policies, Requirements, Handlers, Claims

Host And Deploy

• Publish the app
• Ahead-of-time (AOT) compilation
• Standalone deployment