Blazor¶

Run the complete page example.

Add ReactiveUI.Blazor to your Blazor application project. It brings ReactiveUI and, through it, ReactiveUI.Binding.

dotnet add package ReactiveUI.Blazor

ReactiveUI.Blazor also ships as ReactiveUI.Blazor.Reactive, built from the same source, for an app that uses System.Reactive.

Configure ReactiveUI at startup¶

Call WithBlazor on a Blazor Server app's builder, or WithBlazorWasm on a Blazor WebAssembly app's builder, once at startup. Each sets the main-thread sequencer for its hosting model and registers Blazor's platform services.

ReactiveUIBuilder builder = RxAppBuilder.CreateReactiveUIBuilder();

_ = builder.WithBlazor();

ReactiveUIBuilder builder = RxAppBuilder.CreateReactiveUIBuilder();

_ = builder.WithBlazorWasm();

WithBlazorScheduler and WithBlazorWasmScheduler set only the main-thread sequencer, for an app that registers the platform module another way. RxAppBuilder covers the builder itself. Blazor covers everything you build with the package. It shows a view model on a page with ComponentBase. It injects a view model instead of receiving it as a parameter, and it builds a layout or owns a scoped view model around one.

The compelling example walks through a first view model and view. There is no ReactiveUI.Validation code in this installation's example project; see Validation for validation rules on a view model.