Где подсмотреть сравнение реактивного программирования с обычным?

Question

[Sans84]

Хотелось бы увидеть пример по принципу - вот так код выглядит в стандартном программировании, а так в реактивном. Чтобы понять суть. Везде расписывают как все прекрасно, а демонстрации этого прекрасного нету. Дайте ссылки.

Особенно интересует его плюсы над шаблоном Слушатель + AsyncTask (регистрация слушателя с колбек функцией на события выбрасываемые асинктаском)

Comments

[Максим]

Sans84 - вы могли бы написать по шаблону Слушатель + AsyncTask подобный пример - https://github.com/maxfarseer/forge/tree/1-stardew... ? если да, то получим сравнение, так как пример на гитхабе написан на реакте без лишнего кода.

[Sans84]

Если пример с кучей кода показывает как подгружать картинки с прелоадером, то это не проблема:
1. Подписываемся двумя обработчиками на собития BUTTON_CLICK и IMG_LOAD_COMPLITE, IMG_LOAD_FAIL соответственно.
2. Любая из 4 кнопок посылает событие BUTTON_CLICK с параметром (зима, весна, ...).
3. Обработчик события BUTTON_CLICK проверят параметр события и запускает AsyncTask (поток) для загрузки картинки с кэша или сервера. Также показывает прелоадер. Тут же можно установить последнее состояние (что конкретно ожидается), для последующей проверки при обработке событий IMG_LOAD_... .
4. После загрузки картинки в потоке выкидывается событие IMG_LOAD_... с параметром (зима, весна, ...) который в него зашел.
5. Обработчик событий IMG_LOAD_COMPLITE, IMG_LOAD_FAIL, сравнивает параметр с установленным в состоянии, делает вывод изображения или сообщения об ошибке, скрывая прелоадер.

Как-то так делал, правда давно. Может и не совсем правильно, но работало

Answer 1

[Demian Smith]

ReactJS не относится к реактивному программированию. React - это фреймворк представления. И, да, его название может ввести в заблуждения.

За реактивное программирование в JS отвечает библиотека RxJS. И вы правы, примеров в стиле "вот так это делается на jQuery, а вот так это делается на RxJS" вы врядли найдёте. Вообще, если начать набирать в гугле "RxJS vs " то гугл будет подсказывать полную чушь, потому что Rx невозможно сравнить с не-Rx.

Вот неплохая статья, в которой Rx используется, так сказать, по назначению https://habrahabr.ru/company/infopulse/blog/338910/

Не совсем представляю себе что такое AsyncTask, но Слушатель - это шаблон проектирования. А Rx - это парадигма программирования. Сравнивать шаблон и парадигму так же сложно как сравнивать кирпичный дом и деревянную доску. В Rx предусмотрена сущность Subject, которая как раз и представляет поведение шаблона Слушатель.

Comments

[Sans84]

AsyncTask - это я втулил Android-понятие асинхронного потока.

Слушатель упомянут мною из-за того, что в множестве статей о реактивном программировании видел примерно такое "вам не нужно жестко привязывать действие к компоненту, все привязывается к потокам", а слушатель какраз и решает задачу разрыва привязок