#26 Всплытие событий - Vue.js: нюансы

Присоединяйтесь к нашему сообществу:

Видео создано благодаря подписчикам проекта на нашем Patreon.

[Алексей-сяе]

Спасибо большое, за знания, которыми делитесь!

[VolodymyrTymkiv]

Круто, когда видео четко структурировано. Вначале видео есть вопрос. Посередине - объяснение проблемы. В конце - чёткий и лаконично сформулированный ответ

[StanislavReva]

А как всплытие событий щас работает во vue 3?

[DarkLight-xjyw]

Откровенно говоря, не могу понять, почему "проблемы в архитектуре/очень сложная (хрупкая) система", если надо пробрасывать всплытие и/или пропсы много раз...
Чтоб не пробрасывать много раз, придется соблюдать вложенность компонентов на 1, 2 уровня, и, в этом случае, компоненты станут слишком огромные/жирные (по моему опыту), соответственно пострадает "понятность/читабельность" кода и т.д.

Либо я чего-то не догоняю, как обычно
Прошу всех более опытных и умных меня поправить и направить в правильное русло, плиз

П.С. Хотелось бы как-то, хотя бы для себя, определить правила, которые необходимо соблюдать для построения "нормальной" архитектуры; и знать какие-то решения, когда появляется необходимость пробрасывать пропсы/эмитсы много раз, чтоб это не противоречило "нормальной" архитектуре

[deanArtDev]

В playlist бы к остальным положить его =)

[pilyugin]

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

[write-code]

Спасибо Илья за видео. Веб-компоненты так веб-компоненты. И про это тоже почитаем. После React думаю выучу-ка я Vue . Теперь понимаю, что я не только React не знаю, но и Javascript. Глубоко и проникновенно, спасибо

[zpv]

О, а я сам себе ответил, когда нам давали 5 секунд, что всплытие увеличивает связанность компонентов. Можно сказат, что верно)

[dodokwak]

Большое спасибо.
p.s. а можно подкинуть немного дровишек? не корысти ради, но только из-за блуждания в потёмках своего pet project-a on vue.
можно добавить каки-то типовые задачи: построение компонентов при authentication например. я долго радовалась готовым решениям django templates (питновский framework), но теперь пытаюсь перейти на рельсы самостоятельности. я не умoлаю важности вашего подхода и очень ценю его.

[alexanonymous]

спасибо огромное вам и наташе за курс!!! разбор нюансов это именно то что и делает хорошего специалиста. искренне спасибо еще раз

[alexeyshaykov]

Спасибо, Илья, как обычно на уровне!

[kovtunos]

Круто, многое прояснилось. Спасибо за видео.

[xxxxPomaHxxxx]

Прежде чем даже в гугле вводить rescript, введите с начало это на hh.ru для интереса.
Использовать глобальное состояние нужно по минимум хотя бы потому что это убивает пере используемость. Про prop drilling или многоуровневый подъем события, код будет выглядеть гораздо чище и выглядеть "правильнее" если просто на каждый шаг понижать и повышать соответственно, уровень абстракции.

[Krasavikk]

А почему не использовать EventBus? Можно же слушать и эмиттить откуда угодно.

[pancakeslayer]

Не могу согласиться с тем, что props менее хрупкий метод, чем vuex, и, тем более, что он более интуитивно понятен. При нормальной архитектуре стор делится на понятные блоки, и, кроме того, обновление через геттер стора может давать более предсказуемый порядок обновлений компонентов.
Что касается всплытия событий, есть вещь, о которой почему-то мало кто знает, и это миксины. Подключая миксин в глубоком компоненте можно получить самый лаконичный и удобный доступ к глобальным методам приложения, а также к самому стору, собственно.
Рефактор подобной простыни пропсов и всплытий мне позволил однажды отрефакторить приложение на минус 10к строк, никакой хрупкости и неочевидности не появилось, скорее, наоборот.