JavaScript Паттерны #21 - Observer (Наблюдатель)

#YauhenK #webDev #JS #JSPatterns

Всех приветствую в курсе «JavaScript Паттерны».
В данном видео-курсе мы с вами рассмотрим самые распространённые паттерны проектирования, которые используются при разработке.
Паттерны, или шаблоны - это определённые, зарекомендовавшие себя конструкции, которые служат для решения типовых задач программирования.
Рассматривать мы их с вами будем на примере языка JavaScript в синтаксисе ES6.

✒ Репозиторий курса:

✒ Используемые ресурсы и инструменты:

✒ Полезные ссылки:

✒ Полный список готовых и планируемых курсов:

✒ Автор курса:

[AndKozinsky]

Спасибо. У вас получается писать понятный код. На слух с первого раза не воспринимаю объяснения, но после анализа кода всё встаёт на свои места. Смотрел про шаблоны проектирования из двух других источников, ваши варианты самые простые для понимания. Осталось только внедрить это в работу.

[rbswkut]

Спасибо за новую частичку знаний в программировании ))
Всё ясно и понятно!

[parnasmi]

Коротко и ясно! Отличный урок. На этом паттерне основан Event Bus.

[yurii]

Спасибо. Все очень просто если уже работаешь или работал с подписками )

[cgpqkht]

кстате понятно обьяснил, днем прокину все что описал себе в проект

[vasman]

В теги к видео надо закинуть rxjs - там вообще всё об этом =)

[POEOneLove]

Обсерверы меня спасли. Но реализацию расширил. Под каждую функцию в классе которая меняет состояние объекта пишу dispatch(event name). И реализую функцию в наблюдаемом объекте on(eventname). Собственно тоже самое что и на видео, но можно отправлять только подписоте подписанной на конкретный event name. Мб паранойя, но кажется так вроде меньше рендера.

[ctdnxjo]

нет примера с unregister, если что в данном примере нужно передавать без new, выяснено опытным путём)

[uzver]

1.20 минут посмотрел и всё...такое ощущение, что с книги прочитано прямым текстом.

[yevheniikulynych]

EventBus это тот же Observer только с чуть большими возможностями? я правильно понимаю?

[killvapkillvaps]

метод не робіт
autonews.unregister(new Max());
"unregister(observer) {
this.actions = this.actions.filter(el => !(el instanceof observer));
}"
TypeError: Right-hand side of 'instanceof' is not an object

[disgracefulsense]

Есть ли паттерн обратный принципу действия обсервера, когда у нас есть один наблюдатель и много объектов ?

[carry-on-chaos]

в register в роли observer выступает инстанс класса, а в метод unregister передаём класс, как-то некрасиво выходит, нужно переписать метод register и передавать туда класс, а пушить в actions инстанс класса

[kak]

Не надо так старательно ломать язык на слове register, тем более ударение неверное. Реально режет по ушам.

[piligrm_ua_]

ну такое, простыми словами было б понятнее

[aleksd]

Ок. Все равно не вижу смысла в этом паттерне при создании React приложений.
Ведь в действительности, если у меня меняются какие-то данные асинхронно с неизвестной переодичностью, то скорее всего использую сокеты, ловлю событие и изменяю стейт приложения (useState/useContext/Redux) и передаю эти пропы нужным компонентам, а они уже сами реагируют на изменения.
Зачем такой огород пилить уже вокруг готового функционала?

ПС.
Вижу как на бэке можно это использовать, но на фронте, извините