Что такое CustomEvent и как создавать пользовательские события?

CustomEvent — конструктор для создания собственных событий с произвольными данными. Создаёшь событие через new CustomEvent('имя', { detail: данные }), отправляешь через element.dispatchEvent(event), слушаешь через addEventListener. Это позволяет компонентам общаться через DOM, не зная друг о друге, по принципу publish/subscribe.