👩‍💻 Vue Vapor

Последний год, активно идет тряска по поводу Vapor Mode для Vue. Краткий ликбез, что происходит:

Основная суть работы с DOM во Vue это VDOM. Если очень коротко, то мы берем текущее состояние DOM дерева и новое состояние DOM. Далее, под капотом у нас происходит процесс Diff, где мы сравниваем что поменялось в dom и выкидываем это на фронт.

Зачем это надо? Оптимизация. Прикиньте если мы будем каждый раз перересовывать весь DOM. Будет очень плохо и тяжело. А так, мы работаем только с конкретными нодами.

Однако, у такого подхода все равно есть минус. Минус заключается в том, что мы держим 2 состояния, что как бы все равно кушает ресурсы оперативной памяти. Для десктопа еще можно закрыть глаза, все таки мы уже не сильно думаем за это. Проблемы вскрываются на мобильных устройствах, где все еще стоят ограничения на работу с памятью. С такой проблемой, я лично сталкивался, когда если DOM будет огромным, то мы получим ошибку с тем, что недостаточно памяти.

Vue Vapor позволяет в обход промежуточного состояния сразу прописывать инструкции и монтировать js код в приложении. На словах звучит хорошо. На практике еще не работал.

Тема интересная. Благо уже есть видос, который рассказывает про это

Если вам есть, что рассказать про технологию, то добро пожаловать в комментарии ⌨️