FrontEndDev
Open in Telegram
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m AI и вайбкод @vibe_and_ai Читать на парковке: https://max.ru/front_end_dev Реклама: http://bit.ly/2NxmVDu РКН: https://clck.ru/3GLw7G
Show more
Network:📈 Analytical overview of Telegram channel FrontEndDev
Channel FrontEndDev (@front_end_dev) in the Russian language segment is an active participant. Currently, the community unites 25 944 subscribers, ranking 5 003 in the Technologies & Applications category and 24 972 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 25 944 subscribers.
According to the latest data from 15 September, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -200 over the last 30 days and by -13 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 10.37%. Within the first 24 hours after publication, content typically collects 5.96% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 690 views. Within the first day, a publication typically gains 1 547 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 css, api, интерфейс, html, frontend.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“🚀 Статьи, новости, туториалы по frontend разработке.
http://jem-space.ru
Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai
Читать на парковке: https://max.ru/front_end_dev
Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G”
Thanks to the high frequency of updates (latest data received on 16 September, 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.
25 944
Subscribers
-1324 hours
-637 days
-20030 days
Data loading in progress...
Similar Channels
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
September '26
September '26
+37
in 0 channels
August '26
+52
in 0 channels
Get PRO
July '26
+81
in 0 channels
Get PRO
June '26
+84
in 0 channels
Get PRO
May '26
+84
in 0 channels
Get PRO
April '26
+60
in 0 channels
Get PRO
March '26
+68
in 2 channels
Get PRO
February '26
+80
in 0 channels
Get PRO
January '26
+93
in 0 channels
Get PRO
December '25
+96
in 2 channels
Get PRO
November '25
+110
in 1 channels
Get PRO
October '25
+224
in 0 channels
Get PRO
September '25
+107
in 2 channels
Get PRO
August '25
+160
in 0 channels
Get PRO
July '25
+162
in 0 channels
Get PRO
June '25
+149
in 0 channels
Get PRO
May '25
+154
in 0 channels
Get PRO
April '25
+236
in 1 channels
Get PRO
March '25
+259
in 1 channels
Get PRO
February '25
+277
in 0 channels
Get PRO
January '25
+367
in 1 channels
Get PRO
December '24
+313
in 0 channels
Get PRO
November '24
+485
in 1 channels
Get PRO
October '24
+330
in 0 channels
Get PRO
September '24
+355
in 1 channels
Get PRO
August '24
+512
in 8 channels
Get PRO
July '24
+232
in 0 channels
Get PRO
June '24
+319
in 2 channels
Get PRO
May '24
+402
in 3 channels
Get PRO
April '24
+386
in 1 channels
Get PRO
March '24
+413
in 2 channels
Get PRO
February '24
+501
in 1 channels
Get PRO
January '24
+630
in 1 channels
Get PRO
December '23
+523
in 0 channels
Get PRO
November '23
+420
in 0 channels
Get PRO
October '23
+644
in 3 channels
Get PRO
September '23
+516
in 0 channels
Get PRO
August '23
+306
in 0 channels
Get PRO
July '23
+285
in 0 channels
Get PRO
June '23
+289
in 0 channels
Get PRO
May '23
+248
in 0 channels
Get PRO
April '23
+451
in 0 channels
Get PRO
March '23
+429
in 0 channels
Get PRO
February '23
+189
in 0 channels
Get PRO
January '23
+472
in 0 channels
Get PRO
December '22
+411
in 0 channels
Get PRO
November '22
+280
in 0 channels
Get PRO
October '22
+962
in 0 channels
Get PRO
September '22
+232
in 0 channels
Get PRO
August '22
+274
in 0 channels
Get PRO
July '22
+333
in 0 channels
Get PRO
June '22
+316
in 0 channels
Get PRO
May '22
+304
in 0 channels
Get PRO
April '22
+317
in 0 channels
Get PRO
March '22
+194
in 0 channels
Get PRO
February '22
+191
in 0 channels
Get PRO
January '22
+335
in 0 channels
Get PRO
December '21
+504
in 0 channels
Get PRO
November '21
+1 191
in 0 channels
Get PRO
October '21
+282
in 0 channels
Get PRO
September '21
+372
in 0 channels
Get PRO
August '21
+335
in 0 channels
Get PRO
July '21
+498
in 0 channels
Get PRO
June '21
+508
in 0 channels
Get PRO
May '21
+439
in 0 channels
Get PRO
April '21
+1 231
in 0 channels
Get PRO
March '21
+759
in 0 channels
Get PRO
February '21
+542
in 0 channels
Get PRO
January '21
+669
in 0 channels
Get PRO
December '20
+26 826
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 15 September | +2 | |||
| 14 September | +6 | |||
| 13 September | +2 | |||
| 12 September | 0 | |||
| 11 September | 0 | |||
| 10 September | +4 | |||
| 09 September | +1 | |||
| 08 September | +7 | |||
| 07 September | +4 | |||
| 06 September | +3 | |||
| 05 September | 0 | |||
| 04 September | +2 | |||
| 03 September | +4 | |||
| 02 September | +1 | |||
| 01 September | +1 |
Channel Posts
Как сделать липкий хедер с подменой фона
Показан CSS-приём для sticky header, который визуально меняет фон при скролле без JavaScript: в hero и в основном контенте стоят sticky blocker-элементы, совпадающие по цвету с фоном секций и перекрывающие контент под фиксированным хедером. Это полезно, когда нужен аккуратный переход между секциями и хочется избежать лишней логики на скролле.
https://www.joshwcomeau.com/css/header-blockers/
| 2 |  🔴 Тестовый собес на Frontend-разработчика со старшим разработчиком ex. Сбер в этот четверг!
[+ разбор 50 сложных вопросов в подарок ]
17 сентября (в этот четверг!) в 19:00 по мск приходи онлайн, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика!
Собеседование проведёт Даниил Дмитриев - старший разработчик в R-Vision, ex. Сбер,
Как это будет:
📂 Даниил задаст разработчику вопросы и задачи, которые могут спросить на реальном собесе
📂 После каждого ответа респондента ты услышишь подробный комментарий от ментора и поймёшь, чего на самом деле ожидает собеседующий на интервью
📂 В конце сможешь задать любой вопрос Даниилу и получить на него развёрнутый ответ
Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы
И ты можешь посмотреть его бесплатно 🔥
Только завтра, в прямом эфире!
🎁 Подарок для всех, кто зарегается на веб — файл с ОТВЕТАМИ НА 50 СЛОЖНЫХ ВОПРОСОВ с Frontend-собеседований 🔥
Переходи в бот, чтобы попасть на эфир и забрать подарок 👉 @shortcut_front_bot
Реклама.
О рекламодателе. | 1 323 |
| 3 |  Видео-спрайты против Lottie на мобильных
Для крупных анимаций в встраиваемом виджете Lottie на iPhone начал греть процессор и вызывать троттлинг, а замена на видео-спрайты сняла нагрузку с CPU за счёт аппаратного декодирования. Но у видео-спрайтов есть цена: их нужно вручную ставить на паузу, потому что IntersectionObserver не видит скрытие через opacity, оверлеи и модалки.
https://habr.com/ru/articles/1078644/ | 1 521 |
| 4 |  Как Turbopack режет JS на чанки
Turbopack в Next.js 16.3 экспериментально улучшил разбиение JavaScript на чанки. Это ускоряет загрузку страниц и помогает переиспользовать общий код между роутами: вместо одного тяжёлого бандла на весь сайт или отдельного бандла на каждую страницу сборка может находить баланс между размером загрузки и кэшированием.
https://nextjs.org/blog/turbopack-chunking | 1 776 |
| 5 |  Устарел ли next‑intl? И как реально оптимизировать такую архитектуру
next-intl долго был стандартом для i18n в Next.js, но в App Router у него есть заметные архитектурные издержки: в браузер часто уезжают переводы со всего приложения и динамический вызов t() мешает tree-shaking.
Выход: грузить сообщения не в корневом лейауте, а локально по роутам и неймспейсам + переносить переводимый статичный текст в RSC через getTranslations().
https://habr.com/ru/articles/1077908/ | 1 863 |
| 6 |  Авторизация в Next.js ближе к данным
Разбор того, где в Next.js с App Router, React Server Components и Server Actions ставить проверки доступа, чтобы закрыть чтение и запись до обращения к базе. Показываем рабочую схему: проверка сессии в data access и service layer, использование getAuth и getAuthOrRedirect, а для маршрутов и layout держть в уме, что это улучшает UX, но не заменяет защиту на уровне данных.
https://www.robinwieruch.de/next-authorization/ | 1 957 |
| 7 |  Coaction переносит подписки и вычисления в runtime
Миграция с Zustand на Coaction показывает разницу между локальными селекторами и реактивным графом внутри стора. В Coaction чтение становится подпиской, а вычисляемые значения живут как общие узлы с зависимостями и кешированием. Это важно для больших приложений, где вокруг стора разрастаются useMemo, useShallow, селекторы и ручная синхронизация зависимостей.
https://dev.to/unadlib/reads-are-subscriptions-migrating-from-zustand-to-coaction-3228 | 2 032 |
| 8 |  Как сделать SVG-иконки живее с squash and stretch
Разбор приёма squash and stretch для SVG-микроинтеракций. Он помогает сделать иконки и стрелки более естественными и заметными без тяжёлой анимации: можно анимировать path через CSS, а для более широкой поддержки использовать Motion. Практически это даёт более приятный hover-эффект, учитывает prefers-reduced-motion и лучше работает, если вместо обычного state-based hover запускать короткую анимацию по событию.
https://www.joshwcomeau.com/animation/squash-and-stretch/ | 1 991 |
| 9 |  Как разложить React-проект по папкам
Практичная схема для React-проектов: от одного файла к файловой структуре с папками на компонент, где рядом лежат реализация, тесты, стили, типы и хелперы. Такой подход помогает не раздувать src, держать границы компонентов видимыми и не тащить внутрь лишние детали. Для небольших экранов можно оставить всё в одном файле, но как только компонент начинает жить своей жизнью, его лучше выносить в отдельную папку и экспортировать только публичный API.
https://www.robinwieruch.de/react-folder-structure/ | 2 125 |
| 10 |  Knip для Angular: чистим мертвый код автоматически
Knip помогает в крупных Angular и TypeScript-проектах находить неиспользуемые зависимости, файлы, экспорты и битые импорты, а затем держать это под контролем через pre-commit и CI/CD. В проекте с Nx workspace его настроили через knip.config.ts, автогенерацию workspaces и валидацию конфигурации, чтобы не полагаться на ручную проверку.
https://habr.com/ru/companies/tbank/articles/1078438/ | 2 107 |
| 11 |  Как быстро проверить HTML-письмо в Gmail
HTML-письмо можно вставить прямо в Gmail и сразу увидеть, как оно выглядит перед отправкой. Это удобно для быстрой проверки верстки, особенно если письмо собрано в MJML или другом шаблонизаторе и нужен финальный HTML без лишних шагов. Для реальной рассылки обычно всё равно используют сервисы вроде Mailchimp или Postmark, но для быстрого теста такой способ экономит время и помогает поймать проблемы с отображением раньше.
https://blog.codepen.io/2026/08/31/chris-corner-what-do-you-do-with-an-html-email/ | 2 091 |
| 12 |  22-23 сентября приглашаем на АЛЬФА ВААА{АИ}ЙЙЙБ ХАКАТОН. Создавайте проект высоконагруженного прокси, соревнуйтесь за 2,3 миллиона рублей, общайтесь в комьюнити топовых вайб-кодеров.
Всех участников пригласим 30 сентября на АЛЬФА ВААА{АИ}ЙЙЙБ МИТАП. Узнаем, кто из финалистов получит миллион, зажжём на техно-рейве с группой ЛАУД и проведём ток-шоу про нейросети.
Скорее регистрируйтесь | 2 053 |
| 13 |  CSS random() для кроссбраузерной случайности
Появился полифилл для будущей CSS random(), который позволяет использовать случайные значения в стилях в Chrome, Firefox и Safari без переписывания на JavaScript. Это полезно для эффектов вроде конфетти, звездного фона и других декоративных элементов, где нужна управляемая случайность прямо в CSS. На практике нужно подключить скрипт, пометить нужные элементы классом randomized и записывать случайные значения в custom properties с префиксом --random, чтобы код остался совместимым с нативной реализацией, когда она доедет до всех браузеров.
https://css-tricks.com/css-random-function-polyfill/ | 2 094 |
| 14 | pipenet для быстрого туннеля локального сервера
pipenet — open source альтернатива localtunnel, которая позволяет поднять собственную туннельную инфраструктуру и быстро открыть локальный сервер в публичном интернете. Полезно, когда нужно показать фронтенд, бэкенд или webhook без ручной настройки прокси и лишней возни с сетями.
https://github.com/punkpeye/pipenet | 2 134 |
| 15 |  Nuxt 4.5 ускоряет SSR и обновляет сборку
Nuxt 4.5 приносит экспериментальный SSR streaming, переход на Vite 8 и новый builder на базе Rsbuild для Rspack 2. Streaming сразу отдает HTML shell и может улучшить TTFB, но не уменьшает само серверное время рендера, поэтому его стоит проверять на middleware, редиректах, cookie и кеширующих правилах. При апгрейде нужен refresh lockfile через nuxt upgrade --dedupe, потому что вместе с релизом пришли крупные изменения в unhead v3 и unctx v3.
https://www.infoq.com/news/2026/08/nuxt-4-5-streaming/ | 2 312 |
| 16 |  Vercel AI SDK для структурированного AI-вывода
Vercel AI SDK и AI Gateway позволяют вызывать разные модели из бэкенда приложения и получать не просто текст, а структурированный ответ по Zod-схеме. Это удобно, когда AI должен создавать данные в формате, который сразу можно сохранить в базу и переиспользовать в существующих компонентах. Это снимает привязку к одному провайдеру, упрощает фолбэки между моделями и даёт контроль над форматом ответа, а не только над промптом.
https://blog.master.dev/having-fun-with-vercels-ai-sdk-and-ai-gateway/ | 2 410 |
| 17 |  Как хранить состояние приложения в URL
Если нужно шарить не просто страницу, а текущее состояние интерфейса, URL может хранить фильтры, содержимое редактора или целый JSON без бэкенда. Для небольших параметров достаточно query string, но для больших данных лучше использовать fragment после #, потому что он не уходит на сервер. Данные проходят цепочку сериализацию, сжатие и Base64url, а для частых изменений стоит делать debounce и обновлять адрес через history.replaceState().
https://ivakin.dev/blog/state-in-url | 2 538 |
| 18 |  pnpm 12 ускоряет установку без миграции
pnpm 12 переписали на Rust, но сохранили команды, флаги, lockfile и layout node_modules из pnpm 11. На практике это даёт заметный прирост скорости, особенно на повторных установках с уже прогретым кэшем. Для команд это почти безболезненное обновление, но стоит проверить совместимость в CI: убрали pnpm install --resolution-only, изменили поведение для git-зависимостей, неизвестные ключи в pnpm-workspace.yaml теперь не игнорируются.
https://www.infoq.com/news/2026/09/pnpm-12-rust/ | 2 574 |
| 19 |  Как научить ИИ писать по правилам дизайн-системы
Эксперимент показывает, что одного промпта мало: без контекста ИИ легко генерирует UI с styled.div, хардкодом цветов и несуществующими пропсами. Скилл задает правила проекта, MCP дает актуальный контракт дизайн-системы, а вместе они заметно повышают шанс получить код, который проходит typecheck и build.
https://habr.com/ru/companies/raiffeisenbank/articles/1075704/ | 2 502 |
| 20 |  DevSpace ускоряет проверку микрофронтендов
DevSpace можно использовать не только для бэкенда, но и для фронтенда в Kubernetes. Вместо полного CD-пайплайна локальная сборка синхронизируется прямо в pod nginx, а после загрузки запускается постобработка deploy-url. Это убирает ручную настройку hosts, раздельные порты и ожидание деплоя, поэтому интеграционные проверки микрофронтенда с хостом становятся заметно быстрее. Подход особенно полезен в монорепозиториях с микрофронтендами, но работает и для обычных SPA
https://habr.com/ru/articles/1078234/ | 2 568 |
