Today

Thursday, September 24, 2026

Next event

Sep 26 — HMSTR's first trading day

Visitors

1

GRAM price

$1.41

Frontender's notes [ru]

@frontendnoteschannel_ru

Ведущий канал о современном фронтенде: статьи, новости, практики, вайбкодинг и автоматизация фронта ИИ-агентами. Личный блог автора - @just_genych По вопросам рекламы или разработки - @g_abashkin

ProjectsRUProgramming

31,500subscribers

Open the Channel

Latest posts

Frontender's notes [ru]
23 Sept, 17:07
Переведённые сабы в Chrome-расширении: звук вкладки на MV3 и один поток вместо двух сервисовРасширение тащит субтитры с переводом поверх созвона прямо в браузере. Бот в звонок при этом не лезет.Дальше автор раскладывает три места, где времени утекло больше всего: захват звука вкладки в Manifest V3; переезд с пары сервисов на единый поток, где и транскрибация, и перевод; и косяк в счётчике минут — время списывалось, пока в эфире стояла тишина.Читать разбор на Habr👉 Frontender's notes
604Open in Telegram
Frontender's notes [ru]
23 Sept, 13:07
React 19.3 подъехал в npm.View Transitions и Fragment Refs в прошлом году числились экспериментальными API. Теперь им выписали стабильный статус — и всё это уже в 19.3.А в переводе статьи копают, как работают оба API, и попутно разбирают остальные заметные изменения релиза.Читать далее👉 Frontender's notes
1,3204Open in Telegram
Frontender's notes [ru]
23 Sept, 09:07
Как вообще родилась npm-библиотека morphing-scrollАвтор тут расписывает свою npm-штуку morphing-scroll. На момент написания статьи это его второй проект в npm — и самый замороченный. В код он при этом не полез: весь материал не про реализацию, а про то, как библиотека появилась и что автора на это толкнуло.Читать далее: Habr👉 Frontender's notes
1,540Open in Telegram
Frontender's notes [ru]
22 Sept, 17:07
Китайцы за пару дней выкатили сразу две модели — видимо, сбавлять обороты в ИИ-гонке они не планируют.Qwen3.8-LiveTranslate — это про синхронный перевод на лету. Держит 60 языков, различает нескольких собеседников и в переводе сохраняет их настоящие голоса. Средняя задержка просела с 2,8 до 2,3 секунды.Qwen-Image-2.1 — свежая облегчённая модель для генерации картинок, и она обходит Nano Banana 2.0. Рисует нативно в 2K, умеет прозрачный фон, тянет сразу 10 референсов и правит точечно те области, что ты отметил. Уже на HF.👉 Frontender's notes
1,74032Open in Telegram
Frontender's notes [ru]
22 Sept, 13:07
Похоже, у Jev нарисовался открытый локальный соперник — LayaLaya — это открытая локальная модель для принятия решений, 421 млн параметров. Заточена под структурные задачки: быстрое да/нет, оценка, выбор из вариантов. Памяти жрёт меньше 1 ГБ, лежит бесплатно на Hugging Face и заводится на ноуте, а то и на телефоне. Код — на GitHub.Дальше — тест. Laya выставили против облачного Jev: обе гоняли одну и ту же змейку, с одинаковым форматом решений, 30 секунд. У Laya — счёт 46, длина 52, 86,5 решений в секунду, P50 около 9 мс. У Jev — счёт 1, длина 7, 3,2 решения в секунду, а весь цикл запроса к API — 317 мс. На M5 Pro медиана получилась 15,3 мс у локальной Laya против 298,1 мс у облачного Jev — в этом тесте разница почти 20-кратная. Вся соль в том, что Laya решает на месте, а Jev на каждом шаге виснет и дожидается ответа от облачного API.Но есть и два ограничения, и о них говорят в лоб:
1,790video3Open in Telegram
Frontender's notes [ru]
22 Sept, 09:07
Четверо в одной транзакции: кейс-батлы, PgBouncer под Prisma и реплика, которая отдаёт пустой инвентарьОба прошлых текста про сайт с кейсами CS2 автор добивал перечислением того, чего там нет: платежей, депозита шмоток, кейс-баттлов, рефералки, KYC. Теперь этот список можно вычеркнуть целиком. И почти вся жесть из него ужалась до одного вопроса: что будет, если несколько человек разом начнут двигать одни и те же деньги.В разборе: батл на четверых внутри одной транзакции, порядок блокировок, который не даёт словить дедлок, PgBouncer с Prisma и правило чтения с реплики, которое типом не опишешь.Читать далее👉 Frontender's notes
1,5901Open in Telegram
Frontender's notes [ru]
22 Sept, 07:07
⁣Промты, AI- сервисы, IT- решения и всё, что реально облегчает работу ⠀Сохрани себе эту ПОДБОРКУ, если не хочешь тратить часы на поиск нормальных каналов про ИИ и технологии. ⠀Мы собрали в одной ПАПКЕ каналы, которые помогают лучше работать и находить свежие идеи.▪️ Стратегия, AI и организационный дизайн ▪️Цена внедрения | Михаил Омельченко ▪️ Ebout Data Science | Дима Савелко ⠀ ▪️ BestPromptAI ⠀ ▪️Все про 1С:УНФ и не только (Айтон) ▪️ ИИ что дальше ⠀ ▪️ Корпоративный ИИ — рынок корпоративного ИИ глазами системного интегратора: новости, кейсы и аналитика через призму реального опыта. ⠀🎁бонусный канал с промтами, которые помогут развить блог за 30 дней→ автоматизировать 80% процессов → сегментировать аудиторию глубже, чем «женщины 30+» → упаковать продукт ⠀
TelegramIT&AIАнна Гладкова invites you to add the folder “IT&AI”, which includes 42 chats.
1,560Open in Telegram
Frontender's notes [ru]
22 Sept, 05:20
1,350Open in Telegram
Frontender's notes [ru]
21 Sept, 17:07
Diablo II, стратегии про Рим и Prince of Persia: чему фронтенду не стыдно поучиться у геймдеваВ Diablo II вся математика по скиллам лежит в простых текстовых файлах. Захотел покрутить баланс — пересобирать игру не надо, открыл файл и правь. В Prince of Persia 1989 года персонаж живёт по состояниям и переходам между ними. А в градостроительных стратегиях сборщик налогов сам решает, что делать дальше, просто по набору правил. Автор напоминает: геймдев уже закрыл кучу задач, над которыми фронтенд до сих пор чешет репу.В статье разбирают, какие инженерные приёмы из игр реально утащить в веб и что ты с этого получишь на практике. Там про контракты и моки, конечные автоматы, событийную модель, pattern matching и деревья поведения.Читать далее👉 Frontender's notes
1,7106Open in Telegram
Frontender's notes [ru]
21 Sept, 15:27
1,5901Open in Telegram
Frontender's notes [ru]
21 Sept, 13:07
Уже 5 лет я делаю библиотеки на профессиональном уровнеСемь лет назад в npm улетела его первая либа — custom-border-mixin. Ради неё человек выпал из реальности на целую неделю: просто чтобы в своё удовольствие накатать SCSS-миксин.Любопытно, что там вообще может быть весёлого, в этом SCSS? Гляньте на хелпер. Или всё-таки поменял?Читать на Habr👉 Frontender's notes
1,64021Open in Telegram
Frontender's notes [ru]
21 Sept, 09:07
Telegram Serverless: бота теперь можно крутить вообще без собственного сервераВ BotFather всплыло сообщение про ранний доступ к Telegram Serverless. Смысл такой: код бота гоняется на инфраструктуре самого Telegram — отдельный VPS не нужен, Docker с nginx тоже мимо, да и внешняя база данных не обязательна.Автор покопался и разобрался, что конкретно они там сделали, как выглядит разработка и реально ли теперь собрать Telegram-бота, у которого своего сервера нет в принципе. Оговорка: доступ пока early access, ограничений хватает, а привычный Python + aiogram туда по-быстрому не перетащишь.Читать далее👉 Frontender's notes
1,8601Open in Telegram
Frontender's notes [ru]
21 Sept, 05:14
1,750Open in Telegram
Frontender's notes [ru]
20 Sept, 17:07
Форма, которая слишком много на себе тащит: как правила СХД уложить в состояние UIВ блоге компании Aerodisk на Habr вышла история про разработку навороченной формы для систем хранения данных. Авторы показывают: правила предметной области надо класть в состояние интерфейса, а не распихивать по обработчикам.Главная боль, о которой там речь: сценариев работы три, а интерфейс под них один. Команда делится опытом, как в таком раскладе не развести дубли в состоянии и не устроить содом в обработчиках.Зайдёт тем, кто проектирует большие формы и ломает голову, где вообще должны жить бизнес-правила.Читать на Habr👉 Frontender's notes
1,770Open in Telegram
Frontender's notes [ru]
20 Sept, 13:07
Юзер тапнул — а в ответ тишина: как не профукать его действие и не наплодить дублейЧеловек жмёт кнопку, сеть отваливается — и браузер понятия не имеет, добрался ли запрос до сервера. Дёрнешь повторно — рискуешь схлопотать дубль. Не дёрнешь — профукаешь само действие.В статье раскопана схема, которая закрывает оба этих геморроя: API без toggle, ключ идемпотентности в PostgreSQL, очередь на IndexedDB, Service Worker и проверка офлайна в Playwright. Автор сразу оговаривается: это не полноценный offline-first, а лишь щит для действий в момент, когда связь рвётся.Разгрести повторы👉 Frontender's notes
1,72022Open in Telegram
Frontender's notes [ru]
20 Sept, 09:07
[Перевод] Протез для силы воли или харнесс для думскроллингаАвтор подмечает: на мобилке тебе давно завезли удобные тулзы, которые считают экранное время по любому приложению. А на десктопе всё это приходится ковырять руками, по запчастям, и результат всё равно так себе. Расширения против думскроллинга он щупал — и у всех одна и та же болячка: блок обходится на раз-два. Причём сил на обход уходит заметно меньше, чем нужно, чтобы просто полениться и не лезть.Дальше он вспомнил свою же статью про харнесс и подход Atomic Habits к вредным привычкам — в том числе банальное «убрать с глаз долой» — и решил собрать себе такую же структурную штуку. Ей стал Curfew: расширение для браузера, которое следит за дневными лимитами на «вредные» сайты и режет их.Читать далее👉 Frontender's notes
1,6902Open in Telegram
Frontender's notes [ru]
19 Sept, 18:07
Next.js, внешний API, Zod, нормализация и controlled fallbackЧужой API живёт по своим правилам: имена полей, вложенность, картинки, цены, пагинация — всё это добро принадлежит провайдеру. А UI у тебя крутится вокруг другой модели. И стоит компоненту полезть напрямую в event._embedded.venues[0].city.name — как структура внешнего ответа расползается по всему интерфейсу. Провайдер дёрнул API — и привет: карточки, detail page, search, metadata и тесты дружно поехали.В App Router внешний запрос можно унести на сервер: Server Components спокойно работают с fetch, серверный код в клиентский bundle не протекает, а API key остаётся вне браузера. Server-side data fetching для App Router описан в документации Next.js.В учебном проекте EventMap события из внешнего источника ходят не напрямую, а через server API слой.Читать далее👉 Frontender's notes
1,8502Open in Telegram
Frontender's notes [ru]
19 Sept, 13:07
Инженер Lovable сваял дев-сервер на Rust, который понимает ViteLovable поднимает порядка миллиона Vite-дев-серверов в день. Так что появление своего варианта — вопрос времени. Автор — Рафаэль Аморим, инженер компании, а решение зовётся OJ.Внутри Rust. OJ подхватывает уже существующий vite.config.ts и крутит Vite-плагины, но целится в другое: меньше памяти на процесс и шустрый холодный старт. Репа открытая, правда статус у проекта экспериментальный.React Status #491👉 Frontender's notes
1,8601Open in Telegram
Frontender's notes [ru]
18 Sept, 17:07
Steam под капотом: авторизация на OpenID родом из 2007-го, звёздочка в нике ножа и цена, приехавшая строкой на чужом языке«Добавим вход через Steam и цены с маркета» — вот так это обычно и выглядит в бэклоге. А по факту логин висит на OpenID 2.0 из 2007-го, а не на OAuth.Дальше начинается весёлое: звезда ★ в названии ножа означает, что одно и то же имя приходится готовить под два соседних эндпоинта прямо противоположными способами. Цена же прилетает строкой в чужой локали. И вся эта радость лежит в одном месте.Читать далее: Habr👉 Frontender's notes
2,040Open in Telegram
Frontender's notes [ru]
18 Sept, 13:07
«Обратная змейка», часть 2: читаю комментарии, чиню баги и добавляю боссаВыкатывая первую часть, автор ждал скромного десятка лайков и мёртвой тишины в комментах. Облом: народу привалило будь здоров, и добрая половина отзывов — не «милота, годно», а полноценный разбор косяков.Читатели вылавливали баги, тыкали носом в несправедливый спавн змей прямо под боком у игрока, а саму игру кидали то в сравнение с Pac-Man, то с Asteroids. Автор не отпирается: с технической стороны всё крутилось, но местами это было не на сто процентов его задумкой. Так что он пошёл по всему списку претензий, а не отделался смайликом в ответ.Читать далее👉 Frontender's notes
1,890Open in Telegram

Related Channels

Other channels in the same section of the catalogue.

Hamster Kombat Announcement

@hamster_kombat · 20.9M

Blum: All Crypto – One App

@blumcrypto · 14.2M

Notcoin Community

@notcoin · 8.6M

Catapult Extreme

@catapult_extreme · 8.4M

Yescoin

@theyescoin · 5.7M

Time Farm News

@timefarmchannel · 5.4M