ReactiveUI: Rx + MVVM

Reactive UI
Reactive Extensions + MVVM

Rx.NET
publicinterfaceIObservable<outT>
{
IDisposableSubscribe(IObserver<T>observer);
}
publicinterfaceIObserver<inT>
{
voidOnNext(Tvalue);
voidOnError(Exceptionerror);
voidOnCompleted();
}

WP8
WinRT
Xamarin.Android
Xamarin.Touch
Xamarin.Mac
WPF
WinForms

Reactive Extensions + MVVM
IObservable и LINQ +
INPC, INCC
TextBox.TextChanged, ManipulationStartedEvent
етц.
изменения значения Binding
ICommand вызовы, CanExecuteChanged
Frame.Navigated, App.IsResuming етц.
тестируемый параллелизм (concurrency)

ReactiveObject
publicclassVM:ReactiveObject{
publicVM(){
this.WhenAnyValue(x=>x.Name)
.Select(x=>x.Split( '')[0])
.ToProperty( this,x=>x.FirstName);
}
publicstringFirstName{get;privateset;}
}

Декларативный стиль
свойство FirstName это подстрока Name до пробела
свойство BackgroundBrush это свойства Red, Green, Blue, объединенные в объект
Color, трансформированный в SolidColorBrush
Кнопка Login может быть нажата если свойства пароль и подтверждение пароля
непусты и совпадают

Output Properties
this.WhenAny(x=>x.Red,x=>x.Green,x=>x.Blue,
(r,g,b)=>Color.FromRgb(r.Value,g.Value,b.Value))
.Select(color=>newSolidColorBrush(color))
.ToProperty(this,x=>x.BackgroundBrush);
publicSolidColorBrushBackgroundBrush{get;privateset;}

Events
пример AutoComplete сценария
varsearchTerms=txt.Events().TextChanged
.Select(_=>txt.Text)
.Where(term=>term.Length> 3)
.Throttle(TimeSpan.FromSeconds( 1)
.DistinctUntilChanged();
varsearchResults=fromterminsearchTerms
fromwordsin_service.Search(term).TakeUntil(searchTerm
selectwords;
searchResults.ObserveOnDispatcher()
.Subscribe(words=>itemsControl.ItemsSource=words)

Commands
CanExecute via IObservable
varcommandCanExecute=newSubject<bool>();
varcommand=newReactiveCommand(commandCanExecute);
commandCanExecute.OnNext(false);
command.CanExecute(null);
>>>false
commandCanExecute.OnNext(true);
command.CanExecute(null);
>>>true
</bool>

Async action per Command execute
LoadUsersAndAvatars=newReactiveCommand();
varusersAndAvatarResults=LoadUsersAndAvatars.RegisterAsyncTask(async_=>
varusers=awaitLoadUsers();
foreach(varuinusers){
u.Avatar=awaitLoadAvatar(u.Id);
}
returnusers;
});
usersAndAvatarResults.ToProperty(this,x=>x.Users,refusers);

Bindings in code-
behind
C# более экспрессивен, нежели XAML
this.OneWayBind(ViewModel,x=>x.Name,x=>x.Name.Text);
this.Bind(ViewModel,x=>x.Name,x=>x.Name.Text);
//BindtheOKcommandtothebutton
this.BindCommand(ViewModel,x=>x.OkCommand,x=>x.OkButton);
//BindtheOKcommandtowhentheuserpressesakey
this.BindCommand(ViewModel,x=>x.OkCommand,x=>x.RootView,"KeyUp");

INCC, ReactiveList
IObservable => (selector, filter, orderer) => INCC
this.Feeds=feedModels.CreateCollection()
.CreateDerivedCollection(
CreateViewModel,
model=>model.LatestPublished>TimeBorder,
FreshFirstOrderer);

IScheduler
В Rx все асинхронные действия происходят с
помощью IScheduler
varinitialDate=DateTime.Now;
//simulatesomecolddatabeforeViewModelcreation(andsubscription)
testPodcastsSubj.OnNext(newTestPodcastItem(1,initialDate.AddDays(1)));
varmodel=newFeedViewModel("TestFeed",testPodcasts);
Assert.AreEqual(2,((TestPodcastItem)model.LastFeedItem).Id);
Assert.AreEqual(2,model.Items.Count);
_virtualScheduler.AdvanceBy(TimeSpan.FromSeconds(1));
Assert.AreEqual(3,((TestPodcastItem)model.LastFeedItem).Id);

Спасибо за внимание!
Сабж: ReactieUI
его автор: Паша Betts
и я, Стас Шуша
https://github.com/reactiveui
https://github.com/paulcbetts
Viber: +375298745697

ReactiveUI: Rx + MVVM

More Related Content

What's hot (20)

Viewers also liked (6)

Similar to ReactiveUI: Rx + MVVM (9)

ReactiveUI: Rx + MVVM