По материалам конференции .NET разработчиков http://dotnetconf.ru/materialy/reactiveprogramming

1. Как приручить реактивное
программирование
Денис Цветцих
Ice Rock Dev
icerockdev.com
12-я конференция .NET разработчиков
15 мая 2016
dotnetconf.ru

2. 2
Кто я?
• 7+ лет .NET
• Разработка корпоративных приложений
• Люблю хипстерские библиотеки 

3. 3
Почему я здесь?
• 6 лет назад приручил Rx
• 3 года назад приручил ReactiveUI
• С тех пор активно использую в XAML
проектах

4. 4
Многие не используют
• Не знают о Rx и ReactiveUI
• Находятся под влиянием «мифов» о
реактивном программировании

5. 5
О чем мы поговорим?
• Что такое реактивное программирование?
• Для каких задач его использовать?
• Развеем мифы, которые мешают его
использовать

6. 6
Опрос
• Кто не знает, что такое реактивное
программирование?
• Кто знаком с Rx и ReactiveUI, но не решился
использовать в своих проектах?
• Кто использовал Rx или ReactiveUI на
продакшене?

7. ЧТО ТАКОЕ РЕАКТИВНОЕ
ПРОГРАММИРОВАНИЕ

8. 8
Что такое реактивное
программирование?
Реактивное программирование –
это парадигма программирования,
ориентированная на потоки данных и
распространение изменений.
(Википедия)

9. 9
Парадигма программирования
Парадигма программирования –
это система идей и понятий, определяющих
стиль написания компьютерных программ.

10. 10
Императивная программа
var A = 10;
var B = A + 1;
// Чему равно В?
11
A = A + 1;
// А теперь чему равно В?
11

11. 11
Реактивная программа
var A = 10;
var B <- A + 1;
<- оператор «судьбы»
// Чему равно В?
11
A = A + 1;
// А теперь чему равно В?
12

12. 12
Реактивное программирование
Реактивное программирование – это
парадигма программирования,
ориентированная на потоки данных и
распространение изменений.
Потоки данных – последовательность значений
каждой переменной или свойства класса.
Распространение изменений – уведомления
«заинтересованных» об изменениях.

13. 13
Pull
Pull – класс A взаимодействует с
классом B и вытягивает из него
необходимые данные
Class A Class B
GetData()
Interacts with

14. 14
Push
Push – класс B самостоятельно
выталкивает данные, как только они
становятся доступны.
Class A
ProcessData()
Class BReacts on

15. 15
Примеры из жизни
• Вычислимые ячейки Excel
• Принцип Голливуда – «Не звоните нам,
мы сами вам позвоним»
• Push - уведомления

16. РЕАКТИВНОЕ ПРОГРАММИРОВАНИЕ НА C#

17. 17
Прошлое реактивного
программирования на C#
• Bindable Linq
• https://bindablelinq.codeplex.com
• 1.0 beta 1
• Последний коммит 5 окт 2008
• Continuous LINQ
• http://clinq.codeplex.com/
• 2.2.0.1
• Последний коммит 23 июня 2010
• Obtics
• https://obtics.codeplex.com/
• 1.0.13.0
• Последний коммит 11 июня 2011

18. 18
Настоящее
• Reactive Extensions (Rx)
• Эрик Мейер из MS Research
• ReactiveUI
• библиотека на базе Rx для создания
элегантных UI для всех XAML платформ

19. 19
Внутри .NET
public interface IObservable<T>
{
IDisposable Subscribe(IObserver<T> observer);
}
public interface IObserver<T>
{
void OnNext(T value);
void OnCompleted();
void OnError(Exception error);
}

20. 20
Оператор судьбы через Rx
var A = new Subject<int>();
// B <- A + 3
var B = A.Select(a => a + 3);
// C <- A * B
var С = A.Zip(B, (a, b) => a * b);
A.OnNext(1);

21. 21
Observable.Select – проекция

22. 22
Observable.Merge – слияние

23. 23
Observable.Zip - объединение

24. КАКИЕ ЗАДАЧИ МОЖНО РЕШАТЬ

25. 25
Пример - LoginViewModel
public class LoginViewModel //: INotifyPropertyChanged
{
public string Login { get; set; } // PropertyChanged
public string Password { get; set; } // PropertyChanged
public ICommand LoginCommand { get; private set; }
private Task OnLogin()
{
}
}

26. 26
1. Подписка на изменение свойства
// Подписка
IDisposable _subscription =
this.ObservableForProperty(vm => vm.Login)
.Subscribe(OnLoginChanged);
// Реакция на событие
private void OnLoginChanged
(IObservedChange<LoginViewModel, String> change)
{
}
// Отписка
_subscription.Dispose();

27. 27
2. Подписка на изменение нескольких
свойств
IDisposable _subscription =
this.WhenAny(
vm => vm.Login,
vn => vm.Password,
(login, password) =>
!string.IsNullOrEmpty(login.Value) &&
!string.IsNullOrEmpty(password.Value))
.Subscribe(OnCredentialsChanged);

28. 28
3. Реактивная асинхронная команда
CanExecute – false, когда
1) Не выполняется условие отправки запроса
2) Выполняется асинхронный запрос

29. 29
3. Реактивная асинхронная команда
LoginCommand = ReactiveCommand.CreateAsyncTask
(canExecute,
async _ => await _loginService.Login(Login, Password));
LoginCommand.Subscribe(OnLoginCompleted);
} // of ctor
private void OnLoginCompleted(bool loginSuccessed)
{
}

30. 30
Достоинства ReactiveCommand
• Не нужно мониторить значения свойств
Login и Password
• Не нужно мониторить начало и конец
асинхронной операции логина

31. 31
Что ещё умеет ReactiveUI
• Навигация ViewModel First
• Маппинг View и ViewModel ручной
• IoC на основе Splat
• Валидация (не в фреймворке, в сэмплах)
• Есть плагин для Fody, который генерит INPC
Но все равно как MVVM фреймворк ReactiveUI
слабоват
Поэтому используем из него только команды и
привязки

32. 32
Книга мифов о ReactiveUI

33. 33
1. Rx – это экзотическая
функциональщина (F#, Scala, Haskel)
F#
Scala

34. 34
На самом деле
• Интерфейсы IObservable и IObserver
входят в состав .NET
• Для C# существует несколько библиотек
от BindableLinq до ReactiveUI

35. 35
2. Реактивное программирование –
это backend

36. 36
Rx для UI маленький, да удаленький
Что ещё ReactiveUI:
• ReactiveCommand
• ObservableForProperty
• WhenAny

37. 37
3. Боюсь использовать ReactiveUI,
слишком экзотично

38. 38
Недостатки ReactiveUI
• IoC привязан к Splat
• Есть MessageBus, без которого можно
обойтись
• Неудобная для WinRT и UWP навигация
ViewModelFirst

39. 39
Используем совместно с другим
MVVM
Используем сильные стороны:
• ReactiveCommand
• Привязки на уровне ViewModel
(ObservableForProperty и WhenAny)
Не используем слабые стороны:
• Навигация
• IoC

40. 40
4. Использовать несколько MVVM на
одном проекте нельзя!

41. 41
Можно, только осторожно 
• Каждому MVVM – своя область
ответственности
• Контроль, чтобы эта область не
расползалась (регулярные ревью)

42. 42
Наш опыт
ReactiveUI Mugen Prism
ReactiveCommand
ObservableForProperty
WhenAny
XAML Bindings
Composite UI

43. 43
Подведем итоги
• ReactiveUI можно (и нужно ) использовать:
• Реактивные команды
• Привязки на уровне ViewModel вместо
MessageBus
• ReactiveUI используем как дополнение к
любимому MVVM фреймворку

44. 44
Реактивное программирование –
не страшный и загадочный зверь

45. 45
А верный друг на ваших проектах!

46. 46
Что дальше делать?
• Познакомиться: скачать Rx или ReactiveUI,
посмотреть сэмплы
• Отладить приложение для Codefest,
сообщество будет вам благодарно
• Попробовать Rx и ReactiveUI на
продакшене

47. 47
Полезные ссылки
Классное видео для начинающих
https://vimeo.com/43172610
Про Rx для разных языков программирования
http://reactivex.io/
Официальная страница
http://reactiveui.net/
Код, примеры
https://github.com/reactiveui
Autofac
https://github.com/alexeyzimarev/RxUI6WithAutofac

48. 48
Спасибо за внимание
Денис Цветцих
den.tsvettsih@yandex.ru