Frontender's notes [ru]
Ведущий канал о современном фронтенде: статьи, новости, практики, вайбкодинг и автоматизация фронта ИИ-агентами. Личный блог автора - @just_genych По вопросам рекламы или разработки - @g_abashkin
Mostrar más📈 Análisis del canal de Telegram Frontender's notes [ru]
El canal Frontender's notes [ru] (@frontendnoteschannel_ru) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 31 605 suscriptores, ocupando la posición 4 114 en la categoría Tecnologías y Aplicaciones y el puesto 20 240 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 31 605 suscriptores.
Según los últimos datos del 27 agosto, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -363, y en las últimas 24 horas de -10, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 7.80%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 4.89% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 2 465 visualizaciones. En el primer día suele acumular 1 544 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 9.
- Intereses temáticos: El contenido se centra en temas clave como браузер, api, css, интерфейс, загрузка.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“Ведущий канал о современном фронтенде: статьи, новости, практики, вайбкодинг и автоматизация фронта ИИ-агентами.
Личный блог автора - @just_genych
По вопросам рекламы или разработки - @g_abashkin”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 28 agosto, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
Carga de datos en curso...
| Fecha | Crecimiento de Suscriptores | Menciones | Canales | |
| 28 agosto | 0 | |||
| 27 agosto | 0 | |||
| 26 agosto | 0 | |||
| 25 agosto | +2 | |||
| 24 agosto | 0 | |||
| 23 agosto | +5 | |||
| 22 agosto | +2 | |||
| 21 agosto | +3 | |||
| 20 agosto | 0 | |||
| 19 agosto | +2 | |||
| 18 agosto | +2 | |||
| 17 agosto | +2 | |||
| 16 agosto | +3 | |||
| 15 agosto | +3 | |||
| 14 agosto | +1 | |||
| 13 agosto | +1 | |||
| 12 agosto | +3 | |||
| 11 agosto | +2 | |||
| 10 agosto | +2 | |||
| 09 agosto | +3 | |||
| 08 agosto | +1 | |||
| 07 agosto | +2 | |||
| 06 agosto | +4 | |||
| 05 agosto | +2 | |||
| 04 agosto | 0 | |||
| 03 agosto | +5 | |||
| 02 agosto | +4 | |||
| 01 agosto | +5 |
«К сожалению, мы решили продолжить сотрудничество с тем, кто разбирается в системе контроля версий.», - ответили бедняге.✖️ xCode Journal
| 2 | Модель не влезает на стол: почему плоскость — плохой нож
Автор браузерного генератора вывесок рассказывает, как решал проблему: надпись длиной 500 мм не помещается на стол принтера 256×256 мм. Стандартный совет — резать в слайсере, но плоский срез даёт гладкие половинки, которые нечем совместить: клей по PLA держит плохо, половинки едут, остаётся ступенька.
Поэтому автор сделал рез прямо в генераторе: части выходят с замками и собираются без клея. В статье — о трёх переделках и шести граблях, каждая из которых стоила вечера.
Читать далее
👉 Frontender's notes | 2 069 |
| 3 | 🔥ИИ-агенты меняют разработку: от подсказок в чате до автономного выполнения цепочек задач — от требований до деплоя. Вопрос не в «использовать или нет», а в том, как быстро и управляемо внедрить их в проекты.
Курс «ИИ-агенты: продвинутое внедрение и использование» — это практика, а не теория.
Что освоите:
• Работу с агентами: точные промпты, управляемый контекст, генерация идей и прототипов.
• 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 | 1 794 |
| 4 | React под микроскопом: перевод детального разбора Fiber
Случалось задумываться, что вообще происходит во время рендера? React не магией обновляет DOM — он строит дерево и пересобирает его при изменении стейта. Но как именно?
В переводе статьи разбирают React Fiber, главный движок согласования. Рассказывают, как React работал до v15, где старая стековая модель палилась, и как асинхронный Fiber решает эти проблемы в версиях с v16 до v19.
Читать далее
👉 Frontender's notes | 1 850 |
| 5 | 🍳 Вайбкодер подключил Claude Code к духовке через MCP, чтобы ИИ мог за него готовить
Агент получил доступ ко всем датчикам духовки, камере, температурному зонду и управлению готовкой.
Так что он может включать режимы жарки на воздухе, пароварки и, разумеется, выключать, когда еда готова.
✖️ xCode Journal | 2 323 |
| 6 | Bun 1.4 is (finally) fresh
👉 Frontender's notes | 1 |
| 7 | Самое интересное в российском PostgreSQL этой осенью!
Регистрируйтесь на бесплатную конференцию по PostgreSQL и технологиям СУБД — Tantor JAM 2026. 10 сентября, Москва. 📅
Что будет на конференции:
✅ AI-first мониторинг СУБД: что уже сегодня можно передать ИИ-агентам и как меняется профессия DBA;
✅ аналитика и HTAP без внешней обвязки, внутри Postgres;
✅ как за два года изменился PostgreSQL для 1С;
✅ защита данных в Tantor Postgres.
Как всегда — технические доклады, живое общение с разработчиками и архитекторами, обмен опытом, а еще — вечерняя программа в честь пятилетия «Тантор Лабс».
Участие бесплатное.
10.09.2026, Москва
Зарегистрироваться
#реклама 16+
tantorlabs.ru
О рекламодателе | 2 072 |
| 8 | Все пять safety-свойств Raft прошли, но две реплики разошлись
Реализация Raft на TypeScript прошла сидированную симуляцию: каждый тик, задержка сообщения и падение узла задаются сидом. На двадцать пятом прогоне две реплики применили разные значения — при том, что все правила алгоритма выполнялись.
Автор отмечает: интересен не сам баг, а то, какая проверка его поймала. И вопрос, который из этого следует: откуда известно, что остальные проверки вообще на что-то смотрят.
Читать далее
👉 Frontender's notes | 1 955 |
| 9 | Я отдал языковой модели доступ к продовой панели администрирования. Вот что пришлось построить, чтобы она её не сожгла
Полгода я поддерживал TypeScript SDK для панели администрирования. Обычная библиотека: сгенерированный из OpenAPI клиент, авторизация, ретраи, вебхуки. Рутинные вопросы — «у кого истекает доступ», «почему нода отвалилась», «сколько трафика съел аккаунт» — решал одинаково: открывал редактор, писал пятнадцать строк скрипта на своём же SDK, запускал, читал, удалял. Мысль напрашивалась: раз SDK уже типизирован и схемы уже есть, модель может вызывать его сама. Так появился marzban-mcp.
Дальше выяснилось, что «обернуть SDK в MCP» — это примерно 10% работы. Остальные 90% — ответ на вопрос, который в обычной библиотеке не стоит: что можно доверить модели делать с боевой инфраструктурой, а что нельзя, и как эту границу выразить в коде.
Читать далее
👉 Frontender's notes | 2 037 |
| 10 | Playwright для компонентных CAT-тестов в проекте на Angular
Когда говорят «у нас есть тесты на Playwright», обычно представляют классический e2e: тест открывает приложение, авторизуется, ходит по страницам и работает с настоящим backend. Мы используем Playwright иначе.
Основной пласт UI-автоматизации в нашем Angular-проекте — CAT-тесты (component autotest). Поднимаем отдельный компонент или целую бизнес-форму в Storybook, открываем её в настоящем Chromium, выполняем пользовательские действия, управляем HTTP-ответами и сравниваем интерфейс с эталонными снимками. Получается тест, который находится между unit и e2e. Читать далее
👉 Frontender's notes | 2 035 |
| 11 | Три плагина для Mattermost за день: как мы закрыли боли мессенджера с помощью Cursor
Mattermost на Team Edition: три ежедневные боли — нельзя нормально ответить на сообщение в канале, не видно, прочитал ли коллега, для созвона кидаешь ссылку на локальный Jitsi с отдельной авторизацией. За день собрал три плагина в Cursor: reply с цитатой, галочки доставлено/прочитано, голосовые комнаты на Pion прямо в server-плагине. Личная инициатива, не тикет в бэклог. Коллегам понравилось, мне в копилку.
Рассказываю, почему не переезжали на другой мессенджер, как задавал рамки AI (опыт с медиа помог) и где плагины не работают: спойлер — нативные приложения. P.S. про обложку: превью для Habr тоже сгенерировал AI, оно не похоже на настоящий Mattermost, но решил оставить — из разряда «ожидание vs реальность».
Читать далее
👉 Frontender's notes | 2 077 |
| 12 | Как случайно создать облачный кроссплатформенный сервис для Excel
Я работаю в офисе, и моим основным рабочим инструментом уже очень долгое время является Excel. Рискую показаться предвзятым, но, на мой взгляд, Excel — лучший продукт Microsoft. Электронные таблицы как класс приложений — абсолютно гениальное изобретение человечества. Многие считают их злом, но давайте пройдёмся по фактам. Читать далее
👉 Frontender's notes | 1 988 |
| 13 | Не знак свыше, а точный таргетинг
Теперь всем, кто продвигается через CTV в Яндекс Директе, стало проще находить свою аудиторию.
Таргетингов стало в 5 раз больше. Вот что нового:
— Таргетинг по интересам. Например, можно выбрать не всех, кто интересуется спортом, а только любителей фитнеса или тенниса.
— Таргетинг по привычкам. Находите аудиторию по поведению в онлайне и офлайне — например, тех, кто регулярно посещает торговые центры или часто покупает товары в интернете.
— Более гибкие настройки. Можно сочетать интересы и социально-демографические характеристики с жанрами и тематиками контента.
👌 Используйте новые возможности, чтобы сделать рекламу на Connected TV еще эффективнее
Узнать больше
#реклама
yandex.ru
О рекламодателе | 1 817 |
| 14 | Пагинация ломается не только внутри запроса к базе. Это цепочка: бэкенд определяет порядок и границу страницы, фронт хранит курсор и объединяет ответы, а пользователь меняет фильтры, повторяет запросы и возвращается на экран.
Разбираем шесть ситуаций, в которых локальные проверки зелёные, а список целиком работает неправильно.
Проверить пагинацию
👉 Frontender's notes | 2 231 |
| 15 | DI во фронтенде: от Context API к Composition Root
Современные веб-приложения содержат сложную бизнес-логику, которая раньше традиционно располагалась на бэкенде. С ростом сложности необходимо эффективно управлять зависимостями, чтобы поддерживать тестируемость, модульность и слабое зацепление модулей приложения.
Принцип инверсии зависимостей (Dependency Inversion, DIP) и его реализация — внедрение зависимостей (Dependency Injection, DI) — становятся ключевым инструментом для решения этих задач.
Читать далее
👉 Frontender's notes | 2 213 |
| 16 | Быстрый офер в Яндекс
Если вы ML- или DL-инженер с опытом в доменных областях NLP, CV, RecSys и Classic ML от 2 лет, участвуйте в Weekend Offer ML*. Это один из наймовых ивентов Яндекса: вы проходите все секции онлайн в ускоренном режиме и сразу получаете обратную связь.
Как всё устроено:
✅ до 4 сентября — регистрация;
✅ 12 сентября — всего две технические секции;
✅ 13 сентября — финальные интервью с командами.
Если хотите работать в одной из команд Яндекса — R&D, Алиса и Умные устройства, Поиск с Алисой AI, Независимый Ecom, Рекламные технологии Яндекса — регистрируйтесь!
⚡ Подробности и полезные ссылки — на сайте. После регистрации с вами свяжется рекрутер и расскажет все детали.
Зарегистрироваться
#реклама 16+
yandex.ru
О рекламодателе | 1 736 |
| 17 | Мой собственный харнесс нарыл баг в моей же реализации Raft. Как так вышло — разбираюсь
Вечно зелёный набор тестов — это лотерея. Он может реально ловить ошибки, а может просто делать вид, что смотрит. По цвету статуса ты хрен отличишь. Автор наваял Raft на TypeScript и построил вокруг него зоопарк багов: семь экспонатов, каждый вырубает ровно одно правило алгоритма, а харнесс обязан это дело поймать, причём с сидом и именем нарушенного свойства. Правда, один из экспонатов завёлся случайно.
И вот харнесс нашёл настоящий баг в самой реализации. Каждое из пяти свойств безопасности на месте, логи сходятся, ничего не падает — а на двадцать пятом сиде две реплики разъехались навеки. Дальше в статье разбирается, почему так вышло, как устроен этот харнесс и чего такой подход вообще не доказывает.
Читать разбор
👉 Frontender's notes | 2 162 |
| 18 | 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 | 2 155 |
| 19 | Как я запарился считать плитку для ванной и написал свой калькулятор раскладки
Затеял ремонт в ванной, дошёл до плитки — и тут понеслось. Санузел у меня Г‑образный, в углу венткороб, раскладку хочу диагональную, а «раздели площадь на плитку» не работает: мои циферки не сошлись с тем, что насчитал плиточник, — разница набежала непонятно откуда.
Плиточник говорит — берите пятнадцать процентов запаса и всё. Пятнадцать процентов от плитки по 2000 с лишним за метр это уже сумма; я в столбик посчитал и решил, что надо по‑другому. Онлайн-калькуляторы просто умножают площадь на цену. В CAD полез — там сначала модель строй, а чертежи не нужны. Написал своё в итоге. Что вышло — скрины в статье, там понятнее, чем я объясню.
Читать далее
👉 Frontender's notes | 2 094 |
| 20 | 5ⁿ → 4n+1: сколько на самом деле дают редукции в explicit‑state model checking
Проверка модели полным перебором упирается в комбинаторный взрыв, и практически вся инженерия здесь — не про сам поиск, а про то, как его избежать. Редукция по симметрии и редукция частичных порядков описаны в литературе десятилетиями, но их эффект обычно приводят асимптотически или на одном показательном примере.
В статье — измерение на работающей реализации: во сколько раз каждая редукция сокращает пространство состояний, сколько она стоит в пересчёте на состояние, на каких спецификациях не даёт ничего, и экспериментальная проверка того, что четыре условия ample‑множества действительно необходимы. Три результата, ради которых стоит читать дальше: Читать далее.
👉 Frontender's notes | 2 185 |
