Перейти к содержимому

Раскапываем Реактивность 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