Что такое Event Emitter и почему его спрашивают на собеседовании?

• Евгений Паромов, сеньор-фронтенд-разработчик, рассказывает о важности понимания паттерна EventEmitter.  

• Видео посвящено объяснению, зачем нужен EventEmitter, его задачам и имплементации.  

• EventEmitter описывает события с названием и данными.  

• Подписчики могут подписаться на события и обрабатывать их.  

• EventEmitter вызывает обработчики событий в порядке их добавления.  

• EventEmitter используется для синхронизации кэшей и управления инверсией управления.  

• Кэш — это производное состояние, основанное на источнике истины.  

• Два способа синхронизации кэшей: обновление данных и обновление кэшей.  

• При большом количестве кэшей и данных синхронизация становится сложной.  

• EventEmitter позволяет кэшам подписываться на обновления данных.  

• Это упрощает добавление новых кэшей и изменений.  

• Пример кода с TodoList, который использует EventEmitter.  

• Источник истины — это основные данные, кэши — производные состояния.  

• Проблемы с синхронизацией кэшей и необходимость использования EventEmitter.  

• EventEmitter реализует инверсию управления.  

• Это позволяет избежать прямого управления кэшами и данными.  

• EventEmitter помогает управлять зависимостями и синхронизацией.  

• Два модуля могут быть связаны через вызовы функций.  

• В крупных приложениях это может создавать хаос и трудности в отладке.  

• Ивенты митер помогает развязать модули, делая их независимыми.  

• Ивенты митер реализует паттерн Event Bus.  

• Модули становятся независимыми, что упрощает их рассмотрение.  

• Система становится сложнее, но это компенсируется упрощением понимания каждого модуля.  

• Пример кода показывает циклические зависимости между стором и вью.  

• Циклические зависимости создают проблемы в обработке и восприятии.  

• Ивенты митер помогает избежать таких зависимостей.  

• Создаем класс EventEmitter для обработки событий.  

• Метод on подписывается на события, метод emit вызывает обработчики.  

• Метод unsubscribe отписывает обработчики от событий.  

• Используем map для хранения обработчиков событий.  

• Создаем тип Listener для хранения обработчиков.  

• Метод on добавляет обработчики в map, метод emit вызывает нужные обработчики.  

• Получаем множество линеров по ивенту.  

• Создаем новый сет с одним калбеком, если список линеров пуст.  

• Добавляем калбек в существующий сет, если список линеров уже существует.  

• Создаем сет и добавляем калбек.  

• Удаляем калбек при вызове функции отписки.  

• Итерируемся по сету линеров и вызываем их значения.  

• Слабая типизация неудобна для использования.  

• Пример с кликом и передачей данных.  

• Проверка работы кода через консоль.  

• Импортируем и тестируем код.  

• Проверяем, что обработчики вызываются при вызове эмит.  

• Планируем типизировать код для улучшения читаемости.  

• Создаем тип эвентов и используем дженерики.  

• Описываем каждый эвент и передаем данные.  

• Добавляем параметр типа для автодополнения.  

• Изменяем тип линера и передаем данные из мапы.  

• Используем дженерики для связи параметров.  

• Типизируем все необходимые данные.  

• Применяем вта-миттер для решения проблем.  

• Создаем поле эвенс в классе и указываем необходимые события.  

• Оповещаем всех при изменении данных.  

• Использование отдельных событий для изменения списка и сортировки.  

• Создание событий и подписка на них в компонентах.  

• Перерисовка компонента при изменении списка и сортировки.  

• Разделение зависимостей между компонентами.  

• Подписка на события в компонентах для перерисовки.  

• Возможность отписки от событий при размонтировании компонента.  

• Независимость компонентов от хранилища.  

• Возможность добавления новых кэшей и подписок без изменения хранилища.  

• Реактивность и синхронизация кэшей с источником истины.  

• Использование Event Bus для синхронизации элементов.  

• Вынесение событий из хранилища в отдельный класс.  

• Независимость модулей через Event Bus.  

• Важность понимания и использования паттернов.  

• Рекомендации по использованию Event Bus и других паттернов.  

• Призыв к подписке на сообщество для изучения паттернов и улучшения кода.