Про коммуникационные паттерны

В прошлой главе я разобрал пример, в котором мы использовали шину событий (Event Bus) вместо глобального state. Но зачем?

А вся проблема в том, что классический принцип «props-down, events-up» предполагает, что мы будем поднимать события вверх через множество уровней, пока не вернемся туда, где мы можем изменить исходные данные.

Ну или для того, чтобы установить связь между братскими компонентами (sibling), нам необходимо найти их общего предка и «прошить» компоненты до нужного нам уровня. Такой антипаттерн называется «props-drilling и event-bubbling»

Для простых приложений это норма, но когда у нас есть множество компонентов с разной вложенностью и иерархией, то выявление событий и пропсов на каждом уровне приводит к хаосу в голове и усложняет понимание кода 😩

#vueDesignPatterns