Такие похожие, но такие разные 🐼🐻❄️ — 14 июля 2026 г. в 09:10:36.898
Такие похожие, но такие разные 🐼🐻❄️ С самого своего рождения Vue испытывал сильное влияние других библиотек. В начале это, безусловно, был Angular.js (да-да, тот самый первый Angular). Оттуда — компиляция шаблонов исключительно в рантайме и пресловутый two-way binding. Вторая версия уже испытала значительное влияние от набиравшего популярность React: появился VDOM для нахождения изменений, предкомпиляция шаблонов и даже опциональная поддержка JSX. Пропсы компонентов стали неизменяемыми, а поток данных — однонаправленным. Ну а третья версия библиотеки вообще перехватила идею процедурного подхода функциональных компонентов React. Хотя в «тройке» нельзя не заметить и влияние Svelte или Solid — особенно в свете грядущего релиза Vue 3.6. В связи с этим при работе с Vue складывается обманчивое впечатление, что ты уже работал с ним раньше — уж очень он похож отдельными моментами. Но, как говорится, дьявол кроется в деталях. На поверку Vue не только заимствовал идеи (не всегда удачные), но и добавлял что-то своё. Взять тот же подход к нахождению изменений в шаблоне. И React, и Vue используют сравнение VDOM-деревьев со всеми вытекающими последствиями. Но если React вложились в минимизацию негативного эффекта от такой архитектуры, то Vue пошли путём устранения самой причины: рендер должен запускаться только тогда, когда это действительно нужно, а при сравнении узлов — сравнивать только то, что действительно могло измениться. Достигается это за счёт реактивных эффектов и компилятора шаблонов. Разумеется, у такой архитектуры есть свои сильные и слабые стороны, которые без понимания кажутся просто набором несвязных костылей. Как и непонятны мотивы грядущей очередной глобальной переработки библиотеки и появления сигналов с мелкогранулярными обновлениями без использования VDOM. В общем, я уже не раз говорил: понимаешь архитектуру — понимаешь реализацию. Я верю в фундамент. В те знания, которые работают независимо от технологического стека. Гнаться за всем подряд — бессмысленно и даже вредно. Лучше один раз разобраться, как устроено. И сейчас я хочу впервые анонсировать мой новый продукт из цикла «Под капотом». На этот раз на очереди — как вы уже, наверное, догадались, Vue. Потому что без понимания «почему» он кажется набором случайных фич. А с пониманием — достойной архитектурой, где у каждого решения есть причина. Программа рассчитана на 2 дня с лекциями по 3 часа каждая. Мы не будем учиться писать на Vue. Мы разберёмся, как он устроен. Как работает реактивность, зачем нужен компилятор, почему в Vue нет аналога React Fiber и куда движется библиотека с Vapor Mode. Программа интенсива День 1. Реактивность, эффекты и система наблюдения • Главная идея Vue: наблюдение и эффекты • Система реактивности Vue 3: ref, reactive, computed, Proxy, Dependency tracking • Эффекты и планировщик (Scheduler): очередь обновлений, nextTick, почему нет аналога Fiber • Асинхронность и реактивность: watch, watchEffect, отмена эффектов, race conditions • Сравнение архитектур Vue и React День 2. API, VDOM, компилятор и будущее Vue • Options API vs Composition API: исторический контекст, проблемы и решения • Virtual DOM в Vue: роль компилятора, блоки патчей, статический подъём • От шаблона к рендер-функции: JSX vs template, кодогенерация • Vapor Mode — отказ от Virtual DOM: как работает, бенчмарки, когда использовать • Suspense и асинхронные компоненты: управление загрузкой, решение проблемы «попкорна» • «Alien Signals» — новая реактивность под капотом Проходить интенсив будет в уже привычном Live-формате 🗓1, 2 августа в 19:00 по Мск. И, традиционно, первый анонс — это тот самый момент, когда можно приобрести участие по САМОЙ низкой цене со скидкой 40%! ⚡️ [ ЗАГЛЯНУТЬ ПОД КАПОТ VUE ]