О Вебе | ex. Frontender’s notes

Сколько держать записи сессий? В Broux завязали с одной строчкой в конфиге Паша, который трудится над Broux — российским сервисом записи пользовательских сессий, — разобрал, как в проекте пересмотрели retention-политику. Сначала срок хранения был тупо одной строкой в конфиге: данные лежат N дней, потом их сносит. По факту вышло сразу и слишком щедро, и слишком жадно. Щедро — потому что львиную долю места жрали записи, которые через неделю уже почти никто не открывал. Жадно — потому что заодно улетало то, что пригодилось бы спустя месяц. В статье раскладывают, из чего вообще состоит запись се…

Vue DnD Kit 3.0: dnd-библиотеку для Vue снесли и собрали заново Автор Vue DnD Kit выкатил 3.0. От предыдущей версии осталось немного: код переписан целиком. Ключевое — свежее API, анимации прямо из коробки, а канбан и деревья теперь собираются без ритуальных плясок с бубном. О том, какие грабли попались по пути, автор пообещал рассказать отдельно. Ещё он полностью переделал документацию, завёз skills для агентов и реализовал то, что давно просили в телеграме и issues. Примеров стало больше, причём «премиальных»: готовая канбан-доска, редактор форм, редактор HTML, календарь — и это не всё. Ч…

React Context без лишних ререндеров: подписка на отдельные поля Допустим, в контексте торчат два поля — name и age. Меняется age, а перерисовывается компонент, которому нужен только name. Причина в том, что у useContext нет селектора вроде useSelector из Redux: React целиком сравнивает value провайдера, а после каждого изменения это уже свежий объект. И useMemo с React.memo здесь не выручают. В статье — компактный контекст, где компонент обновляется лишь тогда, когда меняется его собственное поле. Там разбор: почему в контекст лучше кидать не данные, а стабильный объект доступа к ним; почему…

Цифровой аватар спортсмена: рабочий прототип на 3000 строк ванильного JS Автор докрутил до прототипа систему «Цифровой аватар спортсмена» (ЦАС). Внутри — верифицированный профиль атлета, методическое ядро тренера, аренда методик с роялти, кабинеты спонсора и федерации. С виду — ещё одна «экосистема», у которых финал обычно один: слайды. Цепляло другое: любое заявленное утверждение должно проверяться парой кликов, а не приниматься на веру. Рамки автор поставил заранее и жёстко; что именно сознательно не сделал — разбирает в тексте. Читать на Habr 👉 Telegram | Max | 🌥 Claude и другие ИИ

Климат-контроль esp32c3-webUI На Habr выкатили мини-проект по климат-контролю: температура и влажность. Штука автономная, собрана на ESP32-C3 — тянет показания с AHT10 по I2C и гонит их в браузер через WebSocket. Причём модуль сам себе точка доступа. Детали — в статье на Habr. 👉 Telegram | Max | 🌥 Claude и другие ИИ

vue-llm: AI SDK для Vue и Nuxt Знакомая история: почти все готовыe тулзы для LLM-интерфейсов точат под React, а во Vue стриминг, tool calling и состояние чата приходится городить самому. Так что автор выкатил open-source библиотеку vue-llm под Vue 3, Nuxt и Vue 2.7 — со стриминговым чатом, Generative UI и моделями, которые крутятся прямо в браузере. Пощупать можно в песочнице без API-ключа: модель скачивается и запускается локально в браузере на WebGPU. Документация на русском, исходники — на GitHub, установка: npm i vue-llm. 👉 Telegram | Max | 🌥 Claude и другие ИИ

Как отдать одностраничник верстальщикам через файл Дизайнер нарисовал лендинг для нового бренда куриных яиц. И там не простая страничка: на десктопе она тянется длиннее 11 000 пикселей, ещё прелоадер, прилипшие сцены и анимация между блоками. Макет сдавали в двух ширинах — 1600 и 390, а верстку и разработку тащила уже другая команда. Саму передачу разбили на пять слоёв: цвет, вариативный шрифт, сетка, прелоадер и карточка упаковки. По каждому видно, что именно лежало в Figma и как выгрузить это разработчику — токенами и короткими спеками. Код в статье — это пример формата передачи, а не верс…

Когда ручная инвалидация рендера в React — это осознанный антипаттерн Пока пилил библиотеку morphing-scroll, автор наткнулся на довольно странный вариант хранения локальных данных в React-компоненте. По его словам, это не было продуманной архитектурой с самого начала: он гонял обновления туда-сюда и постепенно выкидывал лишние состояния. В какой-то момент на руках оказался код, который был ощутимо проще предыдущего. Для автора это стало прям открытием. Все детали — в статье. Читать далее → 👉 Telegram | Max | 🌥 Claude и другие ИИ

ИИ-нейрослоп прёт со всех щелей: что теперь с работой в IT Свежий ролик как раз про этот «нейрослопный» хайп вокруг ИИ — и про то, как он перекраивает работу в айти. В центре внимания подход AI First SDLC и место Human in the loop, плюс отвечают на вопрос, к чему разработчикам готовиться. Залили 26 октября 2026 года: смотреть на YouTube. 👉 Telegram | Max | 🌥 Claude и другие ИИ

💻 Наш юмор кроссплатформенный, а контент — уникальный. На каждой площадке свои мемы: ✅ Max 👉 Ленивый вайб-программист 👉 Я хочу стать вайб-программистом ✅Telegram 👉Ленивый вайб-программист 👉Я хочу стать вайб-программистом ✅ВК 👉Ленивый вайб-программист 👉Я хочу стать вайб-программистом 🖥Всегда с вами! 🖥