![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dl&w=48&q=75){kind=small}
Frontender's notes [ru]
Open in Telegram
Ведущий канал о современном фронтенде: статьи, новости, практики, вайбкодинг и автоматизация фронта ИИ-агентами. Личный блог автора - @just_genych По вопросам рекламы или разработки - @g_abashkin
Show more![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=32&q=75){kind=small}
Network:📈 Analytical overview of Telegram channel Frontender's notes [ru]
Channel Frontender's notes [ru] (@frontendnoteschannel_ru) in the Russian language segment is an active participant. Currently, the community unites 31 616 subscribers, ranking 4 136 in the Technologies & Applications category and 20 354 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 31 616 subscribers.
According to the latest data from 26 August, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -338 over the last 30 days and by -16 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 7.95%. Within the first 24 hours after publication, content typically collects 4.88% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 514 views. Within the first day, a publication typically gains 1 543 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 10.
- Thematic interests: Content is focused on key topics such as браузер, api, css, интерфейс, загрузка.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“Ведущий канал о современном фронтенде: статьи, новости, практики, вайбкодинг и автоматизация фронта ИИ-агентами.
Личный блог автора - @just_genych
По вопросам рекламы или разработки - @g_abashkin”
Thanks to the high frequency of updates (latest data received on 27 August, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.
31 616
Subscribers
-1624 hours
-837 days
-33830 days
Posts Archive
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=64&q=75){kind=small}
31 616
Модель не влезает на стол: почему плоскость — плохой нож
Автор браузерного генератора вывесок рассказывает, как решал проблему: надпись длиной 500 мм не помещается на стол принтера 256×256 мм. Стандартный совет — резать в слайсере, но плоский срез даёт гладкие половинки, которые нечем совместить: клей по PLA держит плохо, половинки едут, остаётся ступенька.
Поэтому автор сделал рез прямо в генераторе: части выходят с замками и собираются без клея. В статье — о трёх переделках и шести граблях, каждая из которых стоила вечера.
Читать далее
👉 Frontender's notes
31 616
🔥ИИ-агенты меняют разработку: от подсказок в чате до автономного выполнения цепочек задач — от требований до деплоя. Вопрос не в «использовать или нет», а в том, как быстро и управляемо внедрить их в проекты.
Курс «ИИ-агенты: продвинутое внедрение и использование» — это практика, а не теория.
Что освоите:
• Работу с агентами: точные промпты, управляемый контекст, генерация идей и прототипов.
• 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
31 616
React под микроскопом: перевод детального разбора Fiber
Случалось задумываться, что вообще происходит во время рендера? React не магией обновляет DOM — он строит дерево и пересобирает его при изменении стейта. Но как именно?
В переводе статьи разбирают React Fiber, главный движок согласования. Рассказывают, как React работал до v15, где старая стековая модель палилась, и как асинхронный Fiber решает эти проблемы в версиях с v16 до v19.
Читать далее
👉 Frontender's notes
31 616
+1🍳 Вайбкодер подключил Claude Code к духовке через MCP, чтобы ИИ мог за него готовить
Агент получил доступ ко всем датчикам духовки, камере, температурному зонду и управлению готовкой.
Так что он может включать режимы жарки на воздухе, пароварки и, разумеется, выключать, когда еда готова.
✖️ xCode Journal
31 616
Самое интересное в российском PostgreSQL этой осенью!
Регистрируйтесь на бесплатную конференцию по PostgreSQL и технологиям СУБД — Tantor JAM 2026. 10 сентября, Москва. 📅
Что будет на конференции:
✅ AI-first мониторинг СУБД: что уже сегодня можно передать ИИ-агентам и как меняется профессия DBA;
✅ аналитика и HTAP без внешней обвязки, внутри Postgres;
✅ как за два года изменился PostgreSQL для 1С;
✅ защита данных в Tantor Postgres.
Как всегда — технические доклады, живое общение с разработчиками и архитекторами, обмен опытом, а еще — вечерняя программа в честь пятилетия «Тантор Лабс».
Участие бесплатное.
10.09.2026, Москва
Зарегистрироваться
#реклама 16+
tantorlabs.ru
О рекламодателе
31 616
Все пять safety-свойств Raft прошли, но две реплики разошлись
Реализация Raft на TypeScript прошла сидированную симуляцию: каждый тик, задержка сообщения и падение узла задаются сидом. На двадцать пятом прогоне две реплики применили разные значения — при том, что все правила алгоритма выполнялись.
Автор отмечает: интересен не сам баг, а то, какая проверка его поймала. И вопрос, который из этого следует: откуда известно, что остальные проверки вообще на что-то смотрят.
Читать далее
👉 Frontender's notes
31 616
Я отдал языковой модели доступ к продовой панели администрирования. Вот что пришлось построить, чтобы она её не сожгла
Полгода я поддерживал TypeScript SDK для панели администрирования. Обычная библиотека: сгенерированный из OpenAPI клиент, авторизация, ретраи, вебхуки. Рутинные вопросы — «у кого истекает доступ», «почему нода отвалилась», «сколько трафика съел аккаунт» — решал одинаково: открывал редактор, писал пятнадцать строк скрипта на своём же SDK, запускал, читал, удалял. Мысль напрашивалась: раз SDK уже типизирован и схемы уже есть, модель может вызывать его сама. Так появился marzban-mcp.
Дальше выяснилось, что «обернуть SDK в MCP» — это примерно 10% работы. Остальные 90% — ответ на вопрос, который в обычной библиотеке не стоит: что можно доверить модели делать с боевой инфраструктурой, а что нельзя, и как эту границу выразить в коде.
Читать далее
👉 Frontender's notes
31 616
Playwright для компонентных CAT-тестов в проекте на Angular
Когда говорят «у нас есть тесты на Playwright», обычно представляют классический e2e: тест открывает приложение, авторизуется, ходит по страницам и работает с настоящим backend. Мы используем Playwright иначе.
Основной пласт UI-автоматизации в нашем Angular-проекте — CAT-тесты (component autotest). Поднимаем отдельный компонент или целую бизнес-форму в Storybook, открываем её в настоящем Chromium, выполняем пользовательские действия, управляем HTTP-ответами и сравниваем интерфейс с эталонными снимками. Получается тест, который находится между unit и e2e. Читать далее
👉 Frontender's notes
31 616
Три плагина для Mattermost за день: как мы закрыли боли мессенджера с помощью Cursor
Mattermost на Team Edition: три ежедневные боли — нельзя нормально ответить на сообщение в канале, не видно, прочитал ли коллега, для созвона кидаешь ссылку на локальный Jitsi с отдельной авторизацией. За день собрал три плагина в Cursor: reply с цитатой, галочки доставлено/прочитано, голосовые комнаты на Pion прямо в server-плагине. Личная инициатива, не тикет в бэклог. Коллегам понравилось, мне в копилку.
Рассказываю, почему не переезжали на другой мессенджер, как задавал рамки AI (опыт с медиа помог) и где плагины не работают: спойлер — нативные приложения. P.S. про обложку: превью для Habr тоже сгенерировал AI, оно не похоже на настоящий Mattermost, но решил оставить — из разряда «ожидание vs реальность».
Читать далее
👉 Frontender's notes
31 616
Как случайно создать облачный кроссплатформенный сервис для Excel
Я работаю в офисе, и моим основным рабочим инструментом уже очень долгое время является Excel. Рискую показаться предвзятым, но, на мой взгляд, Excel — лучший продукт Microsoft. Электронные таблицы как класс приложений — абсолютно гениальное изобретение человечества. Многие считают их злом, но давайте пройдёмся по фактам. Читать далее
👉 Frontender's notes
31 616
Не знак свыше, а точный таргетинг
Теперь всем, кто продвигается через CTV в Яндекс Директе, стало проще находить свою аудиторию.
Таргетингов стало в 5 раз больше. Вот что нового:
— Таргетинг по интересам. Например, можно выбрать не всех, кто интересуется спортом, а только любителей фитнеса или тенниса.
— Таргетинг по привычкам. Находите аудиторию по поведению в онлайне и офлайне — например, тех, кто регулярно посещает торговые центры или часто покупает товары в интернете.
— Более гибкие настройки. Можно сочетать интересы и социально-демографические характеристики с жанрами и тематиками контента.
👌 Используйте новые возможности, чтобы сделать рекламу на Connected TV еще эффективнее
Узнать больше
#реклама
yandex.ru
О рекламодателе
31 616
Пагинация ломается не только внутри запроса к базе. Это цепочка: бэкенд определяет порядок и границу страницы, фронт хранит курсор и объединяет ответы, а пользователь меняет фильтры, повторяет запросы и возвращается на экран.
Разбираем шесть ситуаций, в которых локальные проверки зелёные, а список целиком работает неправильно.
Проверить пагинацию
👉 Frontender's notes
31 616
DI во фронтенде: от Context API к Composition Root
Современные веб-приложения содержат сложную бизнес-логику, которая раньше традиционно располагалась на бэкенде. С ростом сложности необходимо эффективно управлять зависимостями, чтобы поддерживать тестируемость, модульность и слабое зацепление модулей приложения.
Принцип инверсии зависимостей (Dependency Inversion, DIP) и его реализация — внедрение зависимостей (Dependency Injection, DI) — становятся ключевым инструментом для решения этих задач.
Читать далее
👉 Frontender's notes
31 616
Быстрый офер в Яндекс
Если вы ML- или DL-инженер с опытом в доменных областях NLP, CV, RecSys и Classic ML от 2 лет, участвуйте в Weekend Offer ML*. Это один из наймовых ивентов Яндекса: вы проходите все секции онлайн в ускоренном режиме и сразу получаете обратную связь.
Как всё устроено:
✅ до 4 сентября — регистрация;
✅ 12 сентября — всего две технические секции;
✅ 13 сентября — финальные интервью с командами.
Если хотите работать в одной из команд Яндекса — R&D, Алиса и Умные устройства, Поиск с Алисой AI, Независимый Ecom, Рекламные технологии Яндекса — регистрируйтесь!
⚡ Подробности и полезные ссылки — на сайте. После регистрации с вами свяжется рекрутер и расскажет все детали.
Зарегистрироваться
#реклама 16+
yandex.ru
О рекламодателе
31 616
Мой собственный харнесс нарыл баг в моей же реализации Raft. Как так вышло — разбираюсь
Вечно зелёный набор тестов — это лотерея. Он может реально ловить ошибки, а может просто делать вид, что смотрит. По цвету статуса ты хрен отличишь. Автор наваял Raft на TypeScript и построил вокруг него зоопарк багов: семь экспонатов, каждый вырубает ровно одно правило алгоритма, а харнесс обязан это дело поймать, причём с сидом и именем нарушенного свойства. Правда, один из экспонатов завёлся случайно.
И вот харнесс нашёл настоящий баг в самой реализации. Каждое из пяти свойств безопасности на месте, логи сходятся, ничего не падает — а на двадцать пятом сиде две реплики разъехались навеки. Дальше в статье разбирается, почему так вышло, как устроен этот харнесс и чего такой подход вообще не доказывает.
Читать разбор
👉 Frontender's notes
31 616
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
31 616
Как я запарился считать плитку для ванной и написал свой калькулятор раскладки
Затеял ремонт в ванной, дошёл до плитки — и тут понеслось. Санузел у меня Г‑образный, в углу венткороб, раскладку хочу диагональную, а «раздели площадь на плитку» не работает: мои циферки не сошлись с тем, что насчитал плиточник, — разница набежала непонятно откуда.
Плиточник говорит — берите пятнадцать процентов запаса и всё. Пятнадцать процентов от плитки по 2000 с лишним за метр это уже сумма; я в столбик посчитал и решил, что надо по‑другому. Онлайн-калькуляторы просто умножают площадь на цену. В CAD полез — там сначала модель строй, а чертежи не нужны. Написал своё в итоге. Что вышло — скрины в статье, там понятнее, чем я объясню.
Читать далее
👉 Frontender's notes
31 616
5ⁿ → 4n+1: сколько на самом деле дают редукции в explicit‑state model checking
Проверка модели полным перебором упирается в комбинаторный взрыв, и практически вся инженерия здесь — не про сам поиск, а про то, как его избежать. Редукция по симметрии и редукция частичных порядков описаны в литературе десятилетиями, но их эффект обычно приводят асимптотически или на одном показательном примере.
В статье — измерение на работающей реализации: во сколько раз каждая редукция сокращает пространство состояний, сколько она стоит в пересчёте на состояние, на каких спецификациях не даёт ничего, и экспериментальная проверка того, что четыре условия ample‑множества действительно необходимы. Три результата, ради которых стоит читать дальше: Читать далее.
👉 Frontender's notes
31 616
Patroni на практике: кластер PostgreSQL за час
Хотите увидеть, как Patroni работает в реальном кластере?
📅 23 сентября в 20:00 — вебинар с живым демо. Развернем Patroni с etcd, покажем автоматический failover, настройку HAProxy и мониторинг. Разберем конфигурации и типичные ошибки. Для DevOps, системных администраторов и разработчиков.
Узнать больше
#реклама 16+
otus.ru
О рекламодателе
