Frontender's notes [ru]

❌ Разработчику отказали в собеседовании из-за нейминга файла с резюме Дело в том, что он назвал файл «resume_final_FINAL_final2.pdf»

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

✖️ xCode Journal

Модель не влезает на стол: почему плоскость — плохой нож Автор браузерного генератора вывесок рассказывает, как решал проблему: надпись длиной 500 мм не помещается на стол принтера 256×256 мм. Стандартный совет — резать в слайсере, но плоский срез даёт гладкие половинки, которые нечем совместить: клей по PLA держит плохо, половинки едут, остаётся ступенька. Поэтому автор сделал рез прямо в генераторе: части выходят с замками и собираются без клея. В статье — о трёх переделках и шести граблях, каждая из которых стоила вечера. Читать далее 👉 Frontender's notes

🔥ИИ-агенты меняют разработку: от подсказок в чате до автономного выполнения цепочек задач — от требований до деплоя. Вопрос не в «использовать или нет», а в том, как быстро и управляемо внедрить их в проекты. Курс «ИИ-агенты: продвинутое внедрение и использование» — это практика, а не теория. Что освоите: • Работу с агентами: точные промпты, управляемый контекст, генерация идей и прототипов. • End-to-end разработку с AI: от требований до готового фронтенда и бэкенда, отладка, тестирование, интеграция. • Инструменты и LLM: Cursor, Copilot, Cline, российские YandexGPT/GigaCode, open-source (DeepSeek, Qwen), основы RAG и finetuning. • Архитектуру и стратегию: проектирование систем с AI-ускорителем, выбор решений (Cloud, IDE, On-Premise), встраивание в существующие продукты. • Автоматизацию: CI/CD, логирование, мониторинг, масштабирование, автоматизация рутины разработчиков и DevOps. Формат: 3 месяца онлайн, занятия по вторникам и четвергам в 20:00 МСК. Живые вебинары с практикой + записи навсегда. Домашние задания и итоговый проект для портфолио. Активное комьюнити и обратная связь. Результат: вы перестанете конкурировать с агентами и начнёте ими управлять, используя AI как ×10 к продуктивности. Готовы перейти от экспериментов к системному внедрению? Курс стартует 29 сентября. Оставьте заявку на консультацию по программе и условиям поступления. 👉 Оставить заявку - ссылка Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: 2VtzqxWHJfu

React под микроскопом: перевод детального разбора Fiber Случалось задумываться, что вообще происходит во время рендера? React не магией обновляет DOM — он строит дерево и пересобирает его при изменении стейта. Но как именно? В переводе статьи разбирают React Fiber, главный движок согласования. Рассказывают, как React работал до v15, где старая стековая модель палилась, и как асинхронный Fiber решает эти проблемы в версиях с v16 до v19. Читать далее 👉 Frontender's notes

🍳 Вайбкодер подключил Claude Code к духовке через MCP, чтобы ИИ мог за него готовить Агент получил доступ ко всем датчикам духовки, камере, температурному зонду и управлению готовкой. Так что он может включать режимы жарки на воздухе, пароварки и, разумеется, выключать, когда еда готова. ✖️ xCode Journal

Bun 1.4 is (finally) fresh 👉 Frontender's notes

Самое интересное в российском PostgreSQL этой осенью! Регистрируйтесь на бесплатную конференцию по PostgreSQL и технологиям СУБД — Tantor JAM 2026. 10 сентября, Москва. 📅 Что будет на конференции: ✅ AI-first мониторинг СУБД: что уже сегодня можно передать ИИ-агентам и как меняется профессия DBA; ✅ аналитика и HTAP без внешней обвязки, внутри Postgres; ✅ как за два года изменился PostgreSQL для 1С; ✅ защита данных в Tantor Postgres. Как всегда — технические доклады, живое общение с разработчиками и архитекторами, обмен опытом, а еще — вечерняя программа в честь пятилетия «Тантор Лабс». Участие бесплатное. 10.09.2026, Москва Зарегистрироваться #реклама 16+ tantorlabs.ru О рекламодателе

Все пять safety-свойств Raft прошли, но две реплики разошлись Реализация Raft на TypeScript прошла сидированную симуляцию: каждый тик, задержка сообщения и падение узла задаются сидом. На двадцать пятом прогоне две реплики применили разные значения — при том, что все правила алгоритма выполнялись. Автор отмечает: интересен не сам баг, а то, какая проверка его поймала. И вопрос, который из этого следует: откуда известно, что остальные проверки вообще на что-то смотрят. Читать далее 👉 Frontender's notes

Я отдал языковой модели доступ к продовой панели администрирования. Вот что пришлось построить, чтобы она её не сожгла Полгода я поддерживал TypeScript SDK для панели администрирования. Обычная библиотека: сгенерированный из OpenAPI клиент, авторизация, ретраи, вебхуки. Рутинные вопросы — «у кого истекает доступ», «почему нода отвалилась», «сколько трафика съел аккаунт» — решал одинаково: открывал редактор, писал пятнадцать строк скрипта на своём же SDK, запускал, читал, удалял. Мысль напрашивалась: раз SDK уже типизирован и схемы уже есть, модель может вызывать его сама. Так появился marzban-mcp. Дальше выяснилось, что «обернуть SDK в MCP» — это примерно 10% работы. Остальные 90% — ответ на вопрос, который в обычной библиотеке не стоит: что можно доверить модели делать с боевой инфраструктурой, а что нельзя, и как эту границу выразить в коде. Читать далее 👉 Frontender's notes

Playwright для компонентных CAT-тестов в проекте на Angular Когда говорят «у нас есть тесты на Playwright», обычно представляют классический e2e: тест открывает приложение, авторизуется, ходит по страницам и работает с настоящим backend. Мы используем Playwright иначе. Основной пласт UI-автоматизации в нашем Angular-проекте — CAT-тесты (component autotest). Поднимаем отдельный компонент или целую бизнес-форму в Storybook, открываем её в настоящем Chromium, выполняем пользовательские действия, управляем HTTP-ответами и сравниваем интерфейс с эталонными снимками. Получается тест, который находится между unit и e2e. Читать далее 👉 Frontender's notes

Три плагина для Mattermost за день: как мы закрыли боли мессенджера с помощью Cursor Mattermost на Team Edition: три ежедневные боли — нельзя нормально ответить на сообщение в канале, не видно, прочитал ли коллега, для созвона кидаешь ссылку на локальный Jitsi с отдельной авторизацией. За день собрал три плагина в Cursor: reply с цитатой, галочки доставлено/прочитано, голосовые комнаты на Pion прямо в server-плагине. Личная инициатива, не тикет в бэклог. Коллегам понравилось, мне в копилку. Рассказываю, почему не переезжали на другой мессенджер, как задавал рамки AI (опыт с медиа помог) и где плагины не работают: спойлер — нативные приложения. P.S. про обложку: превью для Habr тоже сгенерировал AI, оно не похоже на настоящий Mattermost, но решил оставить — из разряда «ожидание vs реальность». Читать далее 👉 Frontender's notes

Как случайно создать облачный кроссплатформенный сервис для Excel Я работаю в офисе, и моим основным рабочим инструментом уже очень долгое время является Excel. Рискую показаться предвзятым, но, на мой взгляд, Excel — лучший продукт Microsoft. Электронные таблицы как класс приложений — абсолютно гениальное изобретение человечества. Многие считают их злом, но давайте пройдёмся по фактам. Читать далее 👉 Frontender's notes

Не знак свыше, а точный таргетинг Теперь всем, кто продвигается через CTV в Яндекс Директе, стало проще находить свою аудиторию. Таргетингов стало в 5 раз больше. Вот что нового: — Таргетинг по интересам. Например, можно выбрать не всех, кто интересуется спортом, а только любителей фитнеса или тенниса. — Таргетинг по привычкам. Находите аудиторию по поведению в онлайне и офлайне — например, тех, кто регулярно посещает торговые центры или часто покупает товары в интернете. — Более гибкие настройки. Можно сочетать интересы и социально-демографические характеристики с жанрами и тематиками контента. 👌 Используйте новые возможности, чтобы сделать рекламу на Connected TV еще эффективнее Узнать больше #реклама yandex.ru О рекламодателе

Пагинация ломается не только внутри запроса к базе. Это цепочка: бэкенд определяет порядок и границу страницы, фронт хранит курсор и объединяет ответы, а пользователь меняет фильтры, повторяет запросы и возвращается на экран. Разбираем шесть ситуаций, в которых локальные проверки зелёные, а список целиком работает неправильно. Проверить пагинацию 👉 Frontender's notes

DI во фронтенде: от Context API к Composition Root Современные веб-приложения содержат сложную бизнес-логику, которая раньше традиционно располагалась на бэкенде. С ростом сложности необходимо эффективно управлять зависимостями, чтобы поддерживать тестируемость, модульность и слабое зацепление модулей приложения. Принцип инверсии зависимостей (Dependency Inversion, DIP) и его реализация — внедрение зависимостей (Dependency Injection, DI) — становятся ключевым инструментом для решения этих задач. Читать далее 👉 Frontender's notes

Быстрый офер в Яндекс Если вы ML- или DL-инженер с опытом в доменных областях NLP, CV, RecSys и Classic ML от 2 лет, участвуйте в Weekend Offer ML*. Это один из наймовых ивентов Яндекса: вы проходите все секции онлайн в ускоренном режиме и сразу получаете обратную связь. Как всё устроено: ✅ до 4 сентября — регистрация; ✅ 12 сентября — всего две технические секции; ✅ 13 сентября — финальные интервью с командами. Если хотите работать в одной из команд Яндекса — R&D, Алиса и Умные устройства, Поиск с Алисой AI, Независимый Ecom, Рекламные технологии Яндекса — регистрируйтесь! ⚡ Подробности и полезные ссылки — на сайте. После регистрации с вами свяжется рекрутер и расскажет все детали. Зарегистрироваться #реклама 16+ yandex.ru О рекламодателе

Мой собственный харнесс нарыл баг в моей же реализации Raft. Как так вышло — разбираюсь Вечно зелёный набор тестов — это лотерея. Он может реально ловить ошибки, а может просто делать вид, что смотрит. По цвету статуса ты хрен отличишь. Автор наваял Raft на TypeScript и построил вокруг него зоопарк багов: семь экспонатов, каждый вырубает ровно одно правило алгоритма, а харнесс обязан это дело поймать, причём с сидом и именем нарушенного свойства. Правда, один из экспонатов завёлся случайно. И вот харнесс нашёл настоящий баг в самой реализации. Каждое из пяти свойств безопасности на месте, логи сходятся, ничего не падает — а на двадцать пятом сиде две реплики разъехались навеки. Дальше в статье разбирается, почему так вышло, как устроен этот харнесс и чего такой подход вообще не доказывает. Читать разбор 👉 Frontender's notes

React Native в 2026 году: New Architecture, нативный код и AI в реальном проекте React Native по-прежнему часто описывают формулой «один код для iOS и Android». В 2026 году она звучит слишком просто. Современное приложение на React Native — это общий продуктовый слой на TypeScript, нативный интерфейс, Hermes, Fabric, JSI, фоновые процессы, platform-specific код и много решений о том, где именно должна выполняться каждая задача. В Synchra.24 — мобильном приложении для линейных и распределённых команд — больше тысячи TS/TSX-файлов и свыше ста экранов, но рядом с ними живут Kotlin и Swift: геопозиция, push-уведомления, биометрия, системные виджеты и работа с медиа. Это не реклама продукта, а разбор того, чем на практике стала разработка на React Native к 2026 году — и какую часть этой работы действительно можно поручить нейросетям. Читать далее 👉 Frontender's notes

Как я запарился считать плитку для ванной и написал свой калькулятор раскладки Затеял ремонт в ванной, дошёл до плитки — и тут понеслось. Санузел у меня Г‑образный, в углу венткороб, раскладку хочу диагональную, а «раздели площадь на плитку» не работает: мои циферки не сошлись с тем, что насчитал плиточник, — разница набежала непонятно откуда. Плиточник говорит — берите пятнадцать процентов запаса и всё. Пятнадцать процентов от плитки по 2000 с лишним за метр это уже сумма; я в столбик посчитал и решил, что надо по‑другому. Онлайн-калькуляторы просто умножают площадь на цену. В CAD полез — там сначала модель строй, а чертежи не нужны. Написал своё в итоге. Что вышло — скрины в статье, там понятнее, чем я объясню. Читать далее 👉 Frontender's notes

5ⁿ → 4n+1: сколько на самом деле дают редукции в explicit‑state model checking Проверка модели полным перебором упирается в комбинаторный взрыв, и практически вся инженерия здесь — не про сам поиск, а про то, как его избежать. Редукция по симметрии и редукция частичных порядков описаны в литературе десятилетиями, но их эффект обычно приводят асимптотически или на одном показательном примере. В статье — измерение на работающей реализации: во сколько раз каждая редукция сокращает пространство состояний, сколько она стоит в пересчёте на состояние, на каких спецификациях не даёт ничего, и экспериментальная проверка того, что четыре условия ample‑множества действительно необходимы. Три результата, ради которых стоит читать дальше: Читать далее. 👉 Frontender's notes