Blazor Server Side Rendering (22)

Basics

• RazorComponentOne

  This sample demonstrates a simple usage of Razor Component component in SSR (Server Side Rendering).

• RazorComponentTwo

  This sample demonstrates rendering a Razor Component from Minimal API via RazorComponentResult and passing data via a dictionary.

• RazorComponentThree

  This sample demonstrates rendering a Razor Component from Minimal API via RazorComponentResult and passing data via anonymous object.

• RazorComponentFour

  This sample demonstrates rendering a Razor Component using Html.RenderComponentAsync and passing data via anonymous object.

• RazorComponentFive

  This sample demonstrates rendering a Razor Component from a MVC Controller via RazorComponentResult and passing data via a dictionary.

• RazorComponentSix

  This sample demonstrates the new section functionality using SectionOutlet to mark a section and SectionContent to supply the content to a section.

• RazorComponentSeven

  This sample demonstrates a Razor Component Page SSR (Server Side Render) hosting Razor Component with Blazor Server Side (interactive) and Blazor Streaming Rendering.

• RazorComponentEight

  This sample demonstrates a Razor Component Page SSR (Server Side Render) hosting Razor Component with Blazor Web Assembly (interactive) and Blazor Streaming Rendering.

• RazorComponentNine

  This sample demostrates the new attribute [SupplyParameterFromQuery] that allows Blazor component to get values directly from query string.

• RazorComponentTen

  This sample demonstrates a Razor Component Page SSR that handle a POST form, hosts "number" component with with Streaming rendering and hosts "interactive" components backed by Blazor Web Assembly and Blazor Server.

• RazorComponentEleven

  This sample shows how to update the UI multiple times using StateHasChanged(); while in streaming rendering mode.

• RazorComponentTwelve

  This sample shows how to access HttpContext from a static Razor component.

• RazorComponentThirteen

  This sample shows how to use .AddAdditionalAssemblies to allow the a host project to discover Page components in a separate WASM project.

Blazor SSR Form Handling

• RazorFormHandlingOne

  This example shows how to perform automatic data binding for a form POST request using [SupplyParameterFromForm]. We will use normal <form> tag in this case.

• RazorFormHandlingTwo

  This example shows how to perform automatic data binding for a form POST request using <EditForm/> and [SupplyParameterFromForm].

• RazorFormHandlingThree

  This example shows how to perform multiple automatic data binding for a form POST request using [SupplyParameterFromForm]. We will use normal <form> tag in this case.

• RazorFormHandlingFour

  This example shows how to perform multiple automatic data binding for a form POST request using <EditForm/> and [SupplyParameterFromForm].

• RazorFormHandlingFive

  This example shows how to perform data validation using DataAnnotationsValidator and EditForm.

Mix and Match Blazor SSR with existing tech

• RazorMixMatchOne

  This example shows how to use Blazor SSR with MVC in the same system.

• RazorMixMatchTwo

  This example shows how to use Blazor SSR with Razor Pages in the same system.

• RazorMixMatchThree

  This example shows how to use Blazor SSR with Minimal API in the same system.

• RazorMixMatchFour

  This example shows how to use Blazor SSR with MVC, Razor Pages and Minimal API in the same system.

dotnet8