Раскапываем Реактивность Vue и пишем свой Vue в 50 строк
Роман Неретин
0:00 / 0:00
Раскапываем Реактивность Vue и пишем свой Vue в 50 строк
194 просмотра · 1 год назад
Роман Неретин
19 подписчиков
194 просмотра · 1 год назад
В этом видео ты узнаешь, как работает реактивность в Vue 3 под капотом — без магии, только код. Мы разберём пакет @vue/reactivity, посмотрим, как работают ref, computed и effect, и соберём мини-фреймворк, похожий на Vue, всего за 50 строк кода. Ты поймёшь, почему изменения данных автоматически обновляют интерфейс, и как это работает без виртуального DOM.
🔍 В этом видео:
0:00 — Введение
3:20 — Разбираем Ref и Effect
10:00 — Пишем свой Ref
16:42 — Разбираем Reactive
22:05 - Пишем свой Reactive
27:48 — Особенность Proxy и Reflect
32:16 — Что если объект засунуть в Ref ?
35:30 — Разбираем Computed
48:11 — Пишем свой MiniVue в 50 строк!
📌 Подпишись, если интересны глубокие разборы фронтенд-фреймворков, архитекуры, open source и многое другое : @rneretin_xdev
Telegram: @rneretin_xdev
#Vue3 #Reactivity #JavaScript #Frontend #VueJS #WebDevelopment #Programming #VueReactivity #JS #Dev