Душный инженер

? 😅 Я думаю, почти каждый, кто работает с Vue 3, через это проходил. Сначала у тебя аккуратный composable… А потом там появляется всё: — API запросы — валидация — watch — состояние — логика UI И в какой-то момент это уже невозможно поддерживать. В новом видео я разобрал реальный пример: — показываю “грязный” вариант (всё в одном файле) — объясняю, почему так делать плохо — и пошагово разбиваю на нормальную архитектуру Ключевая мысль: Composable — это не место, куда складывают всё подряд. Это инструмент для композиции логики. И когда ты начинаешь делить: UI → отвечает за отображение Composable...

: «Идеального проекта не будет нигде и никогда. Нужно стараться, чтобы среди вашей помойки был небольшой оазис, на который вы сможете зайти, отдохнуть, а после вернуться к своей грязной работе и дальше разгребать помойку».

👉 https://youtu.be/bHMIGlh9tzQ Это реальная ситуация из проектов: Backend ещё не готов API может поменяться а тебе уже нужно писать UI В видео показываю подход, который реально используют в проде: — как работать с моками без боли — как отделить UI от API — как не переписывать всё, когда приходит backend — и почему нужен слой адаптера 💡 В итоге: ты меняешь только одно место — и всё продолжает работать 📦 Репозиторий с примером: https://github...

Как Vue обновляет DOM — trigger, scheduler и очередь обновлений count.value++ console.log(el.textContent) // старое значение Кажется, что Vue “тормозит”, но на самом деле внутри происходит намного интереснее: — trigger — scheduler — очередь обновлений — microtask — и только потом обновление DOM В новом видео подробно разобрал: • почему DOM не обновляется сразу • как работают trigger, scheduler и job queue • зачем Vue откладывает обновления • и как всё это связано с nextTick Это продолжение серии про внутренности Vue: 1️⃣ Реактивность и Proxy 2️⃣ computed...

Как Vue отслеживает изменения данных — computed vs watch Во Vue есть несколько способов реагировать на изменения данных: computed, watch и watchEffect. Но на реальных проектах их часто используют неправильно: — пишут лишние watch — делают side effects в computed — не понимают, как работает реактивность под капотом В видео разобрал: • чем на самом деле отличаются computed и watch • какие анти-паттерны встречаются в реальных проектах • и как правильно выбирать инструмент Это продолжение серии про внутренности Vue:...