👁 Image
ReactiveProperty.Blazor 9.8.0

Japanese

ReactiveProperty

ReactiveProperty provides MVVM and asynchronous support features under Reactive Extensions. Target framework is .NET 8.0+, .NET Framework 4.7.2 and .NET Standard 2.0.

👁 alternate text is missing from this package README image
👁 alternate text is missing from this package README image
👁 Build and Release

👁 ReactiveProperty overview

Note:

If you’re developing a new application, consider using R3 instead of ReactiveProperty. R3, redesigned by the original author, aligns with the current .NET ecosystem and offers most of the features found in ReactiveProperty.

GitHub - Cysharp/R3

Concept

ReactiveProperty is a very powerful and simple library.

👁 Delay and Select

This sample app's ViewModel code is as below:

public class MainPageViewModel
{
 public ReactivePropertySlim<string> Input { get; }
 public ReadOnlyReactivePropertySlim<string> Output { get; }
 public MainPageViewModel()
 {
 Input = new ReactivePropertySlim<string>("");
 Output = Input
 .Delay(TimeSpan.FromSeconds(1))
 .Select(x => x.ToUpper())
 .ObserveOnDispatcher()
 .ToReadOnlyReactivePropertySlim();
 }
}

It is really simple and understandable (I think!). Because there are NOT any base classes and interfaces. Just has declarative code between Input property and Output property.

All steps are written in the "Getting Started" section in the ReactiveProperty documentation.

The concept of ReactiveProperty is simple that is a core class what name is ReactiveProperty[Slim], it is just a wrap class what has a value, and implements IObservable<T> and INotifyPropertyChanged, IObservable<T> is for connect change event of the property value to Rx LINQ method chane, INotifyPropertyChanged is for data binding system such as WPF, WinUI and MAUI.

And an important concept of ReactiveProperty is "Fun programing". ViewModel code with ReactiveProperty is very simple.

ViewModel's popular implementation:

public class AViewModel : INotifyPropertyChanged
{
 public event PropertyChangedEventHandler PropertyChanged;

 private string _name;
 public string Name
 {
 get => _name;
 set
 {
 _name = value;
 PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Name)));

 // Update a command status
 DoSomethingCommand.RaiseCanExecuteChanged();
 }
 }

 private string _memo;
 public string Memo
 {
 get => _memo;
 set
 {
 _memo = value;
 PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Memo)));

 // Update a command status
 DoSomethingCommand.RaiseCanExecuteChanged();
 }
 }

 // DelegateCommand is plane ICommand implementation.
 public DelegateCommand DoSomethingCommand { get; }

 public AViewModel()
 {
 DoSomethingCommand = new DelegateCommand(
 () => { ... },
 () => !string.IsNullOrEmpty(Name) && !string.IsNullOrEmpty(Memo)
 );
 }
}

Binding code:

<TextBlock Text="{Binding Name}">
<TextBlock Text="{Binding Memo}">

ViewModel's implementation using ReactiveProperty:

public class AViewModel
{
 public ValidatableReactiveProperty<string> Name { get; }
 public ValidatableReactiveProperty<string> Memo { get; }
 public ReactiveCommandSlim DoSomethingCommand { get; }

 public AViewModel()
 {
 Name = new ValidatableReactiveProperty<string>("", 
 x => string.IsNullOrEmpty(x) ? "Invalid value" : null);
 Memo = new ValidatableReactiveProperty<string>("",
 x => string.IsNullOrEmpty(x) ? "Invalid value" : null);
 DoSomethingCommand = new[]
 {
 Name.ObserveHasErrors,
 Memo.ObserveHasErrors,
 }
 .CombineLatestValuesAreAllFalse()
 .ToReactiveCommand()
 .WithSubscribe(() => { ... });
 }
}

Binding code:

<TextBlock Text="{Binding Name.Value}">
<TextBlock Text="{Binding Memo.Value}">

It's very simple.

ReactiveProperty doesn't provide base class by ViewModel, which means that ReactiveProperty can be used together with another MVVM libraries such as Prism, Microsoft.Toolkit.Mvvm and etc.

Documentation

ReactiveProperty documentation

NuGet packages

The following packages are no longer supported.

Support

I'm not watching StackOverflow and other forums to support ReactiveProperty, so please feel free to post questions at Github issues. I'm available Japanese(1st language) and English(2nd language).

If too many questions are posted, then I plan to separate posting place about feature requests, issues, questions.

Author info

Yoshifumi Kawai a.k.a. @neuecc is Founder/CEO/CTO of Cysharp, Inc in Tokyo, Japan. Awarded Microsoft MVP for Developer Technologies since April, 2011. He is an original owner of ReactiveProperty.

Takaaki Suzuki a.k.a. @xin9le software developer in Fukui, Japan. Awarded Microsoft MVP for Developer Technologies since July, 2012.

Kazuki Ota a.k.a. @okazuki software developer in Tokyo, Japan. Awarded Microsoft MVP for Windows Development since July 2011 to Feb 2017. Now, working at Microsoft Japan.