Vue 3 использует Proxy, чтобы отслеживать изменения данных и обновлять только те части интерфейса, которые зависят от изменённых свойств.
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11👍2
Фреймворки переходят к fine-grained reactivity. Вместо пересборки компонента или Virtual DOM обновляется только тот узел интерфейса, который связан с изменившимся значением.
— как сигнал отслеживает подписчиков
— почему механика быстрее Virtual DOM на порядки
— примеры в SolidJS, Preact и Angular
— реализация принципа за ~25 строк
Кратко разберём концепцию, которая меняет архитектуру фронтенда в 2025.
🔹 Курс «Алгоритмы и структуры данных»
🔹 Получить консультацию менеджера
🔹 Сайт Академии 🔹 Сайт Proglib
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🥰2
Забудьте про Popper.js — браузер теперь умеет привязывать элементы сам. Тултипы, дропдауны, попаверы без единой строки JavaScript.
— как anchor() вычисляет координаты относительно якоря
— механизм автоматического fallback при overflow
— почему это в 10× быстрее JS-библиотек
— живые примеры с кодом
🔹 Курс «Алгоритмы и структуры данных»
🔹 Получить консультацию менеджера
🔹 Сайт Академии 🔹 Сайт Proglib
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤4👍2🥰1
Стандартный браузерный механизм, который позволяет заранее рендерить страницы и активировать их почти без задержек. Без JS-библиотек, без клиентского роутинга и без серверных настроек.
🔹 Курс «Алгоритмы и структуры данных»
🔹 Получить консультацию менеджера
🔹 Сайт Академии 🔹 Сайт Proglib
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🔥3🥰2
В статье по ссылке разбирается, как новые примитивы — use(), <Suspense>, useTransition() и View Transitions — полностью заменяют старую связку useEffect + fetch и убирают большую часть ручной логики загрузки.
Выше — краткие карточки с ключевыми изменениями и примерами кода. Полный разбор и детали — в статье
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤🔥3😁2
Часто проблема не в логике и не во фреймворке, а в side-effects.
Функция выглядит безопасной, но меняет объект — и состояние «едет».
Причина — как данные передаются в функции и что происходит с объектами в памяти.
— откуда берутся side-effects
— почему мутация ломает код
— как писать предсказуемый код без скрытых изменений
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🥰2
Если в приложении много iframe, воркеров или окон с postMessage() — это для вас.
Проблема:
Сообщения между контекстами могут тормозить, приложение подвисает. Задержка видна, но без понятной причины: main thread, очередь сообщений или сериализация.
Новый PerformanceObserver показывает:
— сколько сообщение провело в очереди (`blockedDuration`)
— какие задачи его блокировали
— время сериализации
— полный тайминг от отправки до обработки
Высокий blockedDuration + длинная задача → разбить на чанки
Высокий taskCount → батчить сообщения, debounce
Медленная сериализация → Transferable, меньше payload
Статус:
Если сталкиваетесь с тормозами в cross-context коммуникации — расскажите о своих кейсах в GitHub Issues. Это поможет сделать API полезнее.
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰4❤2👍1