FrontEndDev
الذهاب إلى القناة على 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
إظهار المزيد
الشبكة:📈 نظرة تحليلية على قناة تيليجرام FrontEndDev
تُعد قناة FrontEndDev (@front_end_dev) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 25 947 مشتركاً، محتلاً المرتبة 5 003 في فئة التكنولوجيات والتطبيقات والمرتبة 24 984 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 25 947 مشتركاً.
بحسب آخر البيانات بتاريخ 14 سبتمبر, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -198، وفي آخر 24 ساعة بمقدار -3، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 10.46%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 6.01% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 2 715 مشاهدة. وخلال اليوم الأول يجمع عادةً 1 560 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 11.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل css, api, интерфейс, html, frontend.
📝 الوصف وسياسة المحتوى
يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“🚀 Статьи, новости, туториалы по 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”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 15 سبتمبر, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
25 947
المشتركون
-324 ساعات
-487 أيام
-19830 أيام
جاري تحميل البيانات...
القنوات المماثلة
سحابة العلامات
الإشارات الواردة والصادرة
---
---
---
---
---
---
جذب المشتركين
سبتمبر '26
سبتمبر '26
+35
في 0 قنوات
أغسطس '26
+52
في 0 قنوات
Get PRO
يوليو '26
+81
في 0 قنوات
Get PRO
يونيو '26
+84
في 0 قنوات
Get PRO
مايو '26
+84
في 0 قنوات
Get PRO
أبريل '26
+60
في 0 قنوات
Get PRO
مارس '26
+68
في 2 قنوات
Get PRO
فبراير '26
+80
في 0 قنوات
Get PRO
يناير '26
+93
في 0 قنوات
Get PRO
ديسمبر '25
+96
في 2 قنوات
Get PRO
نوفمبر '25
+110
في 1 قنوات
Get PRO
أكتوبر '25
+224
في 0 قنوات
Get PRO
سبتمبر '25
+107
في 2 قنوات
Get PRO
أغسطس '25
+160
في 0 قنوات
Get PRO
يوليو '25
+162
في 0 قنوات
Get PRO
يونيو '25
+149
في 0 قنوات
Get PRO
مايو '25
+154
في 0 قنوات
Get PRO
أبريل '25
+236
في 1 قنوات
Get PRO
مارس '25
+259
في 1 قنوات
Get PRO
فبراير '25
+277
في 0 قنوات
Get PRO
يناير '25
+367
في 1 قنوات
Get PRO
ديسمبر '24
+313
في 0 قنوات
Get PRO
نوفمبر '24
+485
في 1 قنوات
Get PRO
أكتوبر '24
+330
في 0 قنوات
Get PRO
سبتمبر '24
+355
في 1 قنوات
Get PRO
أغسطس '24
+512
في 8 قنوات
Get PRO
يوليو '24
+232
في 0 قنوات
Get PRO
يونيو '24
+319
في 2 قنوات
Get PRO
مايو '24
+402
في 3 قنوات
Get PRO
أبريل '24
+386
في 1 قنوات
Get PRO
مارس '24
+413
في 2 قنوات
Get PRO
فبراير '24
+501
في 1 قنوات
Get PRO
يناير '24
+630
في 1 قنوات
Get PRO
ديسمبر '23
+523
في 0 قنوات
Get PRO
نوفمبر '23
+420
في 0 قنوات
Get PRO
أكتوبر '23
+644
في 3 قنوات
Get PRO
سبتمبر '23
+516
في 0 قنوات
Get PRO
أغسطس '23
+306
في 0 قنوات
Get PRO
يوليو '23
+285
في 0 قنوات
Get PRO
يونيو '23
+289
في 0 قنوات
Get PRO
مايو '23
+248
في 0 قنوات
Get PRO
أبريل '23
+451
في 0 قنوات
Get PRO
مارس '23
+429
في 0 قنوات
Get PRO
فبراير '23
+189
في 0 قنوات
Get PRO
يناير '23
+472
في 0 قنوات
Get PRO
ديسمبر '22
+411
في 0 قنوات
Get PRO
نوفمبر '22
+280
في 0 قنوات
Get PRO
أكتوبر '22
+962
في 0 قنوات
Get PRO
سبتمبر '22
+232
في 0 قنوات
Get PRO
أغسطس '22
+274
في 0 قنوات
Get PRO
يوليو '22
+333
في 0 قنوات
Get PRO
يونيو '22
+316
في 0 قنوات
Get PRO
مايو '22
+304
في 0 قنوات
Get PRO
أبريل '22
+317
في 0 قنوات
Get PRO
مارس '22
+194
في 0 قنوات
Get PRO
فبراير '22
+191
في 0 قنوات
Get PRO
يناير '22
+335
في 0 قنوات
Get PRO
ديسمبر '21
+504
في 0 قنوات
Get PRO
نوفمبر '21
+1 191
في 0 قنوات
Get PRO
أكتوبر '21
+282
في 0 قنوات
Get PRO
سبتمبر '21
+372
في 0 قنوات
Get PRO
أغسطس '21
+335
في 0 قنوات
Get PRO
يوليو '21
+498
في 0 قنوات
Get PRO
يونيو '21
+508
في 0 قنوات
Get PRO
مايو '21
+439
في 0 قنوات
Get PRO
أبريل '21
+1 231
في 0 قنوات
Get PRO
مارس '21
+759
في 0 قنوات
Get PRO
فبراير '21
+542
في 0 قنوات
Get PRO
يناير '21
+669
في 0 قنوات
Get PRO
ديسمبر '20
+26 826
في 0 قنوات
| التاريخ | نمو المشتركين | الإشارات | القنوات | |
| 15 سبتمبر | 0 | |||
| 14 سبتمبر | +6 | |||
| 13 سبتمبر | +2 | |||
| 12 سبتمبر | 0 | |||
| 11 سبتمبر | 0 | |||
| 10 سبتمبر | +4 | |||
| 09 سبتمبر | +1 | |||
| 08 سبتمبر | +7 | |||
| 07 سبتمبر | +4 | |||
| 06 سبتمبر | +3 | |||
| 05 سبتمبر | 0 | |||
| 04 سبتمبر | +2 | |||
| 03 سبتمبر | +4 | |||
| 02 سبتمبر | +1 | |||
| 01 سبتمبر | +1 |
منشورات القناة
🔴 Тестовый собес на Frontend-разработчика со старшим разработчиком ex. Сбер в этот четверг!
[+ разбор 50 сложных вопросов в подарок ]
17 сентября (в этот четверг!) в 19:00 по мск приходи онлайн, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика!
Собеседование проведёт Даниил Дмитриев - старший разработчик в R-Vision, ex. Сбер,
Как это будет:
📂 Даниил задаст разработчику вопросы и задачи, которые могут спросить на реальном собесе
📂 После каждого ответа респондента ты услышишь подробный комментарий от ментора и поймёшь, чего на самом деле ожидает собеседующий на интервью
📂 В конце сможешь задать любой вопрос Даниилу и получить на него развёрнутый ответ
Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы
И ты можешь посмотреть его бесплатно 🔥
Только завтра, в прямом эфире!
🎁 Подарок для всех, кто зарегается на веб — файл с ОТВЕТАМИ НА 50 СЛОЖНЫХ ВОПРОСОВ с Frontend-собеседований 🔥
Переходи в бот, чтобы попасть на эфир и забрать подарок 👉 @shortcut_front_bot
Реклама.
О рекламодателе.
| 2 |  Видео-спрайты против Lottie на мобильных
Для крупных анимаций в встраиваемом виджете Lottie на iPhone начал греть процессор и вызывать троттлинг, а замена на видео-спрайты сняла нагрузку с CPU за счёт аппаратного декодирования. Но у видео-спрайтов есть цена: их нужно вручную ставить на паузу, потому что IntersectionObserver не видит скрытие через opacity, оверлеи и модалки.
https://habr.com/ru/articles/1078644/ | 1 142 |
| 3 |  Как Turbopack режет JS на чанки
Turbopack в Next.js 16.3 экспериментально улучшил разбиение JavaScript на чанки. Это ускоряет загрузку страниц и помогает переиспользовать общий код между роутами: вместо одного тяжёлого бандла на весь сайт или отдельного бандла на каждую страницу сборка может находить баланс между размером загрузки и кэшированием.
https://nextjs.org/blog/turbopack-chunking | 1 596 |
| 4 |  Устарел ли next‑intl? И как реально оптимизировать такую архитектуру
next-intl долго был стандартом для i18n в Next.js, но в App Router у него есть заметные архитектурные издержки: в браузер часто уезжают переводы со всего приложения и динамический вызов t() мешает tree-shaking.
Выход: грузить сообщения не в корневом лейауте, а локально по роутам и неймспейсам + переносить переводимый статичный текст в RSC через getTranslations().
https://habr.com/ru/articles/1077908/ | 1 747 |
| 5 |  Авторизация в 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 896 |
| 6 |  Coaction переносит подписки и вычисления в runtime
Миграция с Zustand на Coaction показывает разницу между локальными селекторами и реактивным графом внутри стора. В Coaction чтение становится подпиской, а вычисляемые значения живут как общие узлы с зависимостями и кешированием. Это важно для больших приложений, где вокруг стора разрастаются useMemo, useShallow, селекторы и ручная синхронизация зависимостей.
https://dev.to/unadlib/reads-are-subscriptions-migrating-from-zustand-to-coaction-3228 | 1 899 |
| 7 |  Как сделать 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 925 |
| 8 |  Как разложить React-проект по папкам
Практичная схема для React-проектов: от одного файла к файловой структуре с папками на компонент, где рядом лежат реализация, тесты, стили, типы и хелперы. Такой подход помогает не раздувать src, держать границы компонентов видимыми и не тащить внутрь лишние детали. Для небольших экранов можно оставить всё в одном файле, но как только компонент начинает жить своей жизнью, его лучше выносить в отдельную папку и экспортировать только публичный API.
https://www.robinwieruch.de/react-folder-structure/ | 1 980 |
| 9 |  Knip для Angular: чистим мертвый код автоматически
Knip помогает в крупных Angular и TypeScript-проектах находить неиспользуемые зависимости, файлы, экспорты и битые импорты, а затем держать это под контролем через pre-commit и CI/CD. В проекте с Nx workspace его настроили через knip.config.ts, автогенерацию workspaces и валидацию конфигурации, чтобы не полагаться на ручную проверку.
https://habr.com/ru/companies/tbank/articles/1078438/ | 2 072 |
| 10 |  Как быстро проверить 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 014 |
| 11 |  22-23 сентября приглашаем на АЛЬФА ВААА{АИ}ЙЙЙБ ХАКАТОН. Создавайте проект высоконагруженного прокси, соревнуйтесь за 2,3 миллиона рублей, общайтесь в комьюнити топовых вайб-кодеров.
Всех участников пригласим 30 сентября на АЛЬФА ВААА{АИ}ЙЙЙБ МИТАП. Узнаем, кто из финалистов получит миллион, зажжём на техно-рейве с группой ЛАУД и проведём ток-шоу про нейросети.
Скорее регистрируйтесь | 1 992 |
| 12 |  CSS random() для кроссбраузерной случайности
Появился полифилл для будущей CSS random(), который позволяет использовать случайные значения в стилях в Chrome, Firefox и Safari без переписывания на JavaScript. Это полезно для эффектов вроде конфетти, звездного фона и других декоративных элементов, где нужна управляемая случайность прямо в CSS. На практике нужно подключить скрипт, пометить нужные элементы классом randomized и записывать случайные значения в custom properties с префиксом --random, чтобы код остался совместимым с нативной реализацией, когда она доедет до всех браузеров.
https://css-tricks.com/css-random-function-polyfill/ | 1 932 |
| 13 | pipenet для быстрого туннеля локального сервера
pipenet — open source альтернатива localtunnel, которая позволяет поднять собственную туннельную инфраструктуру и быстро открыть локальный сервер в публичном интернете. Полезно, когда нужно показать фронтенд, бэкенд или webhook без ручной настройки прокси и лишней возни с сетями.
https://github.com/punkpeye/pipenet | 2 086 |
| 14 |  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 099 |
| 15 |  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 318 |
| 16 |  Как хранить состояние приложения в URL
Если нужно шарить не просто страницу, а текущее состояние интерфейса, URL может хранить фильтры, содержимое редактора или целый JSON без бэкенда. Для небольших параметров достаточно query string, но для больших данных лучше использовать fragment после #, потому что он не уходит на сервер. Данные проходят цепочку сериализацию, сжатие и Base64url, а для частых изменений стоит делать debounce и обновлять адрес через history.replaceState().
https://ivakin.dev/blog/state-in-url | 2 471 |
| 17 |  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 |
| 18 |  Как научить ИИ писать по правилам дизайн-системы
Эксперимент показывает, что одного промпта мало: без контекста ИИ легко генерирует UI с styled.div, хардкодом цветов и несуществующими пропсами. Скилл задает правила проекта, MCP дает актуальный контракт дизайн-системы, а вместе они заметно повышают шанс получить код, который проходит typecheck и build.
https://habr.com/ru/companies/raiffeisenbank/articles/1075704/ | 2 455 |
| 19 |  DevSpace ускоряет проверку микрофронтендов
DevSpace можно использовать не только для бэкенда, но и для фронтенда в Kubernetes. Вместо полного CD-пайплайна локальная сборка синхронизируется прямо в pod nginx, а после загрузки запускается постобработка deploy-url. Это убирает ручную настройку hosts, раздельные порты и ожидание деплоя, поэтому интеграционные проверки микрофронтенда с хостом становятся заметно быстрее. Подход особенно полезен в монорепозиториях с микрофронтендами, но работает и для обычных SPA
https://habr.com/ru/articles/1078234/ | 2 568 |
| 20 |  Почему SVG-иконки теряют размер после экспорта
SVG-иконка может выглядеть крошечной, огромной или размытой не из-за поломанного файла, а из-за того, что viewBox, width/height и CSS задают размер по разным правилам. На практике это особенно заметно после экспорта из Figma, когда один и тот же SVG нормально работает как inline-элемент, но ведёт себя иначе в <img>, React-компоненте или при рендере в PNG.
https://habr.com/ru/articles/1074956/ | 2 389 |
