О Вебе | ex. Frontender’s notes
IT и технологии
Канал о современном фронтенде: статьи, новости, практики, вайбкодинг и работа с ИИ-агентами.
Загружаем канал…
Сайт использует cookie для работы и аналитики. Мы используем файлы cookie для работы сайта и аналитики посещаемости. Подробнее в ПодробнееПолитике обработки данных и Правилах.
IT и технологии
Канал о современном фронтенде: статьи, новости, практики, вайбкодинг и работа с ИИ-агентами.
За последние 12 месяцев автор задеплоил на прод все три штуки — Claude Code, Cursor и Codex. У каждого своя роль в пайплайне, и угадай с трех раз: вопрос “что брать” почти никогда не упирается в список фич. Решает только модель того, как вы работаете командой. Автор прогнал одну и ту же задачу через все три инструмента с хронометром: сравнил ценник, степень автономности и места, где каждый честно разваливается. Читать далее 👉 Frontender's notes
Глупомометр на TypeScript и React: пачка вопросов для быстрой оценки команды Как вообще замерить, насколько человек тупит? С IQ заморочки: пихать кого-то на два часа мозгового штурма — то еще развлечение. Да и представь: померить IQ Дон Кихоту с Санчо Пансой — сразу ясно, кто из них дебильнее? Авторы статьи придумали рабочее определение тупости и наваяли бесплатный опенсурсный инструмент — всю правду узнаешь за три минуты. Почитать 👉 Frontender's notes
Ленивая загрузка — не панацея: почему ваш main.js всё ещё тянет на 2 МБ Разбил Angular-поделку на ленивые модули, включил продакшен сборку — а main.js всё равно весит почти два мега? Сюрприз: виноваты общие модули, жирные зависимости и импорты, которые tree-shaking просто игнорирует. В статье разбираем, как выковырять лишний мусор из бандла и реально ускорить загрузку. Читать далее 👉 Frontender's notes
Хранение токенов — одна из самых больных тем в авторизации. Многие, не до конца понимая, как она должна работать, кладут оба токена в cookie или — что ещё хуже — в localStorage. В статье разбирается схема, где access‑token живёт в памяти приложения, refresh‑token — в HttpOnly‑cookie, а фронтенд сам восстанавливает сессию после перезагрузки страницы и незаметно обновляет протухший access. Бекенд — на Go, фронтенд — на Vue 3 (Vuex + vue‑router + axios), но концепция так же применима к React и Next.js. Вёрстку и стили автор оставил за кадром — в статье только логика авторизации. Читать далее 👉 Frontender's notes
Как мы запилили Kubernetes-клиент, который не любит привирать Тут автор взбесился, когда Lens стал платным, и сделал свой собственный платный клиент для Kubernetes: закрытый репозиторий, биллинг, релизы до 1.7.12. Потом он сжал всю историю в один коммит, вырезал платёжную логику и залил всё под MIT. Дальше — как правило «не утверждай того, чего не можешь доказать» превращается в баги: под в статусе Running с дохлым контейнером, Service с рабочим селектором, но нулевым трафиком, просроченный токен GKE, который прикидывается пустым кластером. Блокировка refetchInterval в линтере сэкономила 77% запросов к API-серверу. Гонку с Tauri-событиями отлавливали трижды. Друг переписал три четверти фронтенда, а автор в это время смотрел git blame. macOS сообщила, что их собственный релиз повреждён. …
Читать целикомМой собственный харнесс нарыл баг в моей же реализации Raft. Как так вышло — разбираюсь Вечно зелёный набор тестов — это лотерея. Он может реально ловить ошибки, а может просто делать вид, что смотрит. По цвету статуса ты хрен отличишь. Автор наваял Raft на TypeScript и построил вокруг него зоопарк багов: семь экспонатов, каждый вырубает ровно одно правило алгоритма, а харнесс обязан это дело поймать, причём с сидом и именем нарушенного свойства. Правда, один из экспонатов завёлся случайно. И вот харнесс нашёл настоящий баг в самой реализации. Каждое из пяти свойств безопасности на месте, логи сходятся, ничего не падает — а на двадцать пятом сиде две реплики разъехались навеки. Дальше в статье разбирается, почему так вышло, как устроен этот харнесс и чего такой подход вообще не доказывае…
Читать целикомЗачем вообще гонять smoke-тесты прямо на проде? Автор статьи объясняет: такие проверки ведут себя почти как живые пользователи и прогоняют реальные пользовательские сценарии. Правда, однажды подход подкинул побочку — статистика мессенджера внезапно оказалась слишком оптимистичной. В разборе: synthetic traffic, soft delete, поехавшие DAU/WAU/MAU и то, как отделять техническую активность от реальной, не отказываясь от production smoke. Читать далее 👉 Frontender's notes
Команда OpenAI, похоже, взялась замаливать грехи. Расклад теперь такой: либо за день выкатывают реально нужную фичу, либо целиком обнуляют лимиты. Именно так нынешний рабочий режим конторы описывают в посте в X. 👉 Frontender's notes
SCAD++: стены на турбо-скорости, без лишней возни На Хабре выкатили статью: автор предлагает слегка расшевелить SCAD++ и попутно сэкономить себе время на чай. Текст для конструкторов и проектировщиков — заходите. Читать далее 👉 Frontender's notes
Кедр: SACD ISO в FLAC, написанный в Cursor Кто-то наваял под macOS утилиту, которая хватает образ Super Audio CD и превращает его в FLAC. Трюк «скормить ISO в ffmpeg» тут не прокатывает: внутри сидит не PCM, а однобитный DSD, да ещё частенько зажатый в DST. Вот отсюда и взялся «Кедр». Морда — на Electron, а саму конвертацию крутит локальный Python. То есть альбом с твоей машины никуда не улетает. Код родился вайбкодингом в Cursor: автор рассказывал, что должно выйти, смотрел на результат и закидывал назад в чат то, что уже отвалилось на живом диске. Каркас нейросеть лепит бодро, а вот как поведёт себя Homebrew-шный ffmpeg на конкретном DSF — угадывает так себе. Читать далее 👉 Frontender's notes
Детектор ржача на Twitch: ИИ ловит эмоции прямо в лайве Чел запилил для Twitch шоу, где ржать запрещено. Эмоции при этом щёлкает ИИ. Что там под капотом: совместный просмотр видосов с корешами без лагов, встроенное распознавание эмоций прямо в стрим, парсинг видео и топовых комментов, что летят в личку. Ещё в проекте есть оверлеи и движ, где зрители влияют на игру. Автор уже выкатил первые цифры, рассказал, где спотыкался, и просит фидбек. Подробности: Habr 👉 Frontender's notes
Anthropic прикрутили к Claude плагин You Should Know Проскочить мимо важных мелочей в работе Claude стало заметно труднее. Внутри поднимается отдельный агент-надзиратель: он пасёт модель и вытаскивает на свет то, что ты сам или сам Claude проморгали за долгую сессию. Задумка простая — серьёзные косяки и недоделки так мимо не уедут. Врубается одной командой: /plugin enable cc-plugin-you-should-know@builtin Говорят, особенно заходит на длинных сессиях. 👉 Frontender's notes