Веб-страница
Open in Telegram
Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai
Show more
Network:📈 Analytical overview of Telegram channel Веб-страница
Channel Веб-страница (@tproger_web) in the Russian language segment is an active participant. Currently, the community unites 22 766 subscribers, ranking 1 320 in the Art & Design category and 29 094 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 22 766 subscribers.
According to the latest data from 26 July, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -146 over the last 30 days and by 0 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 11.81%. Within the first 24 hours after publication, content typically collects 7.32% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 689 views. Within the first day, a publication typically gains 1 667 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 6.
- Thematic interests: Content is focused on key topics such as css, javascript, html, github, браузер.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“Всё по фронтенду, бэкенду и девопсу в одном месте
Разместить рекламу: @tproger_sales_bot
Правила общения: https://tprg.ru/rules
Другие каналы: @tproger_channels
Сайт: https://tprg.ru/site
Регистрация в перечне РКН: https://tprg.ru/64ai”
Thanks to the high frequency of updates (latest data received on 27 July, 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 Art & Design category.
22 766
Subscribers
No data24 hours
-207 days
-14630 days
Data loading in progress...
Similar Channels
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
July '26
July '26
+54
in 8 channels
June '26
+60
in 4 channels
Get PRO
May '26
+107
in 1 channels
Get PRO
April '26
+46
in 2 channels
Get PRO
March '26
+57
in 3 channels
Get PRO
February '26
+69
in 4 channels
Get PRO
January '26
+81
in 3 channels
Get PRO
December '25
+104
in 5 channels
Get PRO
November '25
+105
in 3 channels
Get PRO
October '25
+90
in 4 channels
Get PRO
September '25
+141
in 2 channels
Get PRO
August '25
+107
in 5 channels
Get PRO
July '25
+216
in 5 channels
Get PRO
June '25
+309
in 9 channels
Get PRO
May '25
+172
in 5 channels
Get PRO
April '25
+105
in 4 channels
Get PRO
March '25
+262
in 10 channels
Get PRO
February '25
+256
in 8 channels
Get PRO
January '25
+222
in 5 channels
Get PRO
December '24
+142
in 6 channels
Get PRO
November '24
+110
in 4 channels
Get PRO
October '24
+90
in 4 channels
Get PRO
September '24
+83
in 4 channels
Get PRO
August '24
+81
in 3 channels
Get PRO
July '24
+134
in 8 channels
Get PRO
June '24
+121
in 13 channels
Get PRO
May '24
+191
in 9 channels
Get PRO
April '24
+231
in 6 channels
Get PRO
March '24
+277
in 10 channels
Get PRO
February '24
+273
in 8 channels
Get PRO
January '24
+211
in 3 channels
Get PRO
December '23
+227
in 8 channels
Get PRO
November '23
+252
in 5 channels
Get PRO
October '23
+169
in 6 channels
Get PRO
September '23
+196
in 0 channels
Get PRO
August '23
+204
in 0 channels
Get PRO
July '23
+173
in 0 channels
Get PRO
June '23
+310
in 0 channels
Get PRO
May '23
+219
in 0 channels
Get PRO
April '23
+196
in 0 channels
Get PRO
March '23
+375
in 0 channels
Get PRO
February '23
+258
in 0 channels
Get PRO
January '23
+517
in 0 channels
Get PRO
December '22
+336
in 0 channels
Get PRO
November '22
+321
in 0 channels
Get PRO
October '22
+475
in 0 channels
Get PRO
September '22
+467
in 0 channels
Get PRO
August '22
+924
in 0 channels
Get PRO
July '22
+793
in 0 channels
Get PRO
June '22
+1 038
in 0 channels
Get PRO
May '22
+984
in 0 channels
Get PRO
April '22
+1 455
in 0 channels
Get PRO
March '22
+2 145
in 0 channels
Get PRO
February '22
+1 447
in 0 channels
Get PRO
January '22
+1 720
in 0 channels
Get PRO
December '21
+386
in 0 channels
Get PRO
November '21
+2 050
in 0 channels
Get PRO
October '21
+1 542
in 0 channels
Get PRO
September '21
+416
in 0 channels
Get PRO
August '21
+893
in 0 channels
Get PRO
July '21
+1 205
in 0 channels
Get PRO
June '21
+605
in 0 channels
Get PRO
May '21
+543
in 0 channels
Get PRO
April '21
+3 001
in 0 channels
Get PRO
March '21
+430
in 0 channels
Get PRO
February '21
+703
in 0 channels
Get PRO
January '21
+304
in 0 channels
Get PRO
December '20
+16 536
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 27 July | +2 | |||
| 26 July | +2 | |||
| 25 July | +1 | |||
| 24 July | +5 | |||
| 23 July | +2 | |||
| 22 July | +1 | |||
| 21 July | +1 | |||
| 20 July | +1 | |||
| 19 July | +2 | |||
| 18 July | 0 | |||
| 17 July | 0 | |||
| 16 July | +3 | |||
| 15 July | +2 | |||
| 14 July | +2 | |||
| 13 July | +1 | |||
| 12 July | 0 | |||
| 11 July | +1 | |||
| 10 July | +4 | |||
| 09 July | +3 | |||
| 08 July | +5 | |||
| 07 July | 0 | |||
| 06 July | +2 | |||
| 05 July | +5 | |||
| 04 July | +4 | |||
| 03 July | +2 | |||
| 02 July | +3 | |||
| 01 July | 0 |
Channel Posts
React.memo не спасает, если в пропсы летят inline-объекты
Поисковая строка тормозит список, Profiler рисует 200 лишних рендеров, а вы уже обернули всё в
React.memo и добавили useCallback на обработчики. Виноват обычно один JSX-паттерн: style={{ padding: 16 }} или колбэк прямо в разметке. memo сравнивает пропсы через Object.is, а для объектов и функций это проверка по ссылке: каждый рендер родителя создаёт новую ссылку, и React снова рисует дочерний компонент.
Меня убедили цифры из эксперимента: 200 memoизированных строк на один keystroke рендерились 243,9 мс, после стабилизации ссылок — 6 мс. Поэтому статические объекты выносите за пределы компонента, а useCallback добавляйте только там, где колбэк реально уходит в memoизированного потомка. Хуки «на всякий случай» не помогут: сначала меряйте в Profiler.
Полный разбор с примерами| 2 |  No text... | 1 635 |
| 3 |  WP2Shell: удалённое выполнение кода в ядре WordPress
Если у вас WordPress 6.9.0–6.9.4 или 7.0.0–7.0.1, отложите чтение и проверьте версию. WordPress выпустил патчи 6.9.5, 7.0.2 и 6.8.6, а компании Patchstack, Hexastrike и WatchTowr уже видят реальные атаки.
Баг в ядре, а не в плагине: CVE-2026-63030 — путаница маршрутов в /wp-json/batch/v1, которая работает вместе с CVE-2026-60137, SQL-инъекцией в параметре author__not_in. На стоковой установке это даёт удалённое выполнение кода без авторизации.
WordPress.org включил принудительные автообновления, но я бы не доверял автоматике вслепую: запустите wp core version, обновитесь вручную и проверьте логи на обращения к /wp-json/batch/v1. Что ещё делать: в материале. | 3 070 |
| 4 |  Деструктуризация в JS: когда она мешает, а не помогает
Мэтт Смит разобрал, почему перестал разбивать объекты на переменные по первой же возможности. Привычка вроде const { status } = project экономит пару символов, но в длинной функции status превращается в магическую переменную: приходится листать вверх, чтобы вспомнить, откуда она взялась.
Его правило: оставляйте точку. project.status сразу говорит, из какого объекта значение, а голая status — нет. То же с post.title или user.name: повторять объект не страшно, если контекст остаётся на виду. Деструктурируйте только когда объект уже очевиден из окружения — например, внутри короткого колбэка.
Такой подход упрощает поддержку кода: меньше магических переменных, меньше когнитивной нагрузки, проще читать спустя месяцы. Разобрался Смит здесь. | 3 247 |
| 5 | Кэш браузера перестал дублировать одну страницу под каждым набором параметров
Меня всегда раздражало, что page.html?utm_source=google и page.html?utm_source=yandex лежат в кэше отдельно. HTTP-заголовок No-Vary-Search наконец позволяет сказать браузеру: игнорируй указанные query-параметры при формировании ключа кэша.
Гарри Робертс разбирает, как исключить параметры, игнорировать их порядок и при этом оставить неизвестные параметры «пробивающими» кэш — чтобы случайный ?foo=bar не подменял контент.
Поддержка уже есть в Chromium; для Safari/Firefox пока не везде, поэтому я бы использовал No-Vary-Search как прогрессивное улучшение и проверил поведение в инструментах разработчика, прежде чем полагаться на заголовок в продакшене. | 2 247 |
| 6 |  HTML берёт выбор картинки на себя
Если вы когда-нибудь мучились с srcset/sizes, знайте — браузер скоро сделает это за вас. Мэт Маркиз, который 14 лет назад возглавлял RICG и протащил отзывчивые картинки в платформу, теперь пишет, что пришло время упростить подход.
Идея в том, чтобы заменить сложный синтаксис выбора источников на буквально пару символов в разметке. Меньше дублирования картинок, меньше ошибок с sizes, меньше JS-обёрток. Пользователи получат прирост производительности почти бесплатно.
Пока это proposal, так что в прод тащить рано. Подробности в статье Маркиза. | 2 053 |
| 7 |  Что происходит под капотом у Google Docs и Figma: CRDT, которые можно потрогать руками
CRDT — это способ синхронизировать состояние между устройствами так, чтобы каждый писал локально, а в итоге все видели одно и то же. Без центрального сервера, блокировок и разборок «кто прав» — просто математика, которая гарантирует сходимость.
Я обычно такие темы обхожу стороной: слишком много теории и мало кода. Но этот разбор идёт от обратного: сначала строит примитив, потом складывает из него структуры посложнее, а в конце даёт интерактивный редактор пиксель-арта, где можно порвать связь между двумя канвасами и увидеть, как они сами собираются обратно. | 1 784 |
| 8 |  Авторы Wasp отказались от собственного языка спустя 5 лет и $5M
Братья-близнецы из Y Combinator задумали Wasp как «Terraform для веб-стека»: один конфиг, который описывает и бэкенд, и фронтенд, и базу. Звучало разумно, но для этого DSL они придумали свой язык. Разработчики вокруг понимали мотивацию (не хочется собирать стек из десятка конфигов вручную), но писать бизнес-логику на кастомном языке с куцей поддержкой IDE оказалось не тем, ради чего стоит бросать JS/TS.
Прошло пять лет и $5M инвестиций. Главный инсайт: ценность Wasp не в синтаксисе, а в высокоуровневой спецификации приложения, которую и человеку, и ИИ проще читать. Сейчас конфиг переписывают на TypeScript, сохраняя ядро. Интересно, как долго они убеждали себя, что язык — необходимость, прежде чем признать ошибку. Подробности в блоге авторов. | 1 982 |
| 9 |  Хотите расшевелить подуставший мозг и посмотреть, на что он способен?
Проверьте, как быстро и хорошо работает ваша память: сыграйте в «Меморину»! | 2 171 |
| 10 | Прототип готов, надо выкатить его на живых пользователей и проверить гипотезу. Но поднимать полноценную инфраструктуру и разбираться с биллингом AWS ради первой версии — так себе идея.
Собрали семь хостингов, где можно арендовать виртуалку, накатить окружение через Docker и вернуться к разработке и проверке гипотез.
Смотрели на минимальный тариф, готовые шаблоны, апгрейд без миграции и скорость ответа поддержки. | 2 496 |
| 11 |  Ghost: Postgres, который можно форкнуть под каждую задачу агента
Ghost — хостинг Postgres, который можно запустить, форкнуть и выбросить за секунды. Он даёт каждому агенту или задаче отдельную базу, чтобы эксперименты не трогали продакшн.
Установка: curl -fsSL https://install.ghost.build | sh. Дальше CLI и интеграция для ИИ-агентов (MCP): можно скопировать продакшн-базу в изолированную копию перед миграцией или генерацией кода. Если агент что-то сломает, удаляете окружение и берёте следующее.
Жёсткие лимиты расходов не дают счёту уйти в бесконечность. Подробнее про Ghost. | 2 225 |
| 12 |  Headless Chrome: WebGL без GPU можно ускорить в 4 раза
Если скриншотите 3D-страницы на сервере без видеокарты, Chrome по умолчанию использует SwiftShader. В разборе Microlink такая страница рендерилась около 24 секунд.
Ускорить в ~4 раза можно флагом --use-angle=gl: Chrome отдаёт WebGL библиотеке ANGLE, а та уже использует программный OpenGL-рендер Mesa llvmpipe. Время падает до ~6 секунд — llvmpipe JIT-компилирует шейдеры в x86-64 и загружает все ядра CPU.
Частая проблема — флаги из старых туториалов. --disable-gpu тихо возвращает SwiftShader, а --in-process-gpu ломает GL-surface у ANGLE. Ещё нужен дисплей и LIBGL_ALWAYS_SOFTWARE=1.
Итог: если в ваших headless-настройках есть --disable-gpu, вы почти наверняка не на быстром пути. Разбор от Microlink. | 2 208 |
| 13 |  FixCSS: пишите CSS без исторических ошибок спецификации
FixCSS берёт исправленные имена свойств, значения и селекторы — и на лету превращает их в валидный CSS, который браузеры уже понимают. Например, white-space: no-wrap он сконвертирует в white-space: nowrap.
Библиотека опирается на опубликованный CSS Working Group список ошибок в дизайне CSS и убирает необходимость помнить, какие имена свойств появились только из-за обратной совместимости. Демо на CodePen и установка через NPM.
Где пригодится: можно писать CSS так, как он выглядел бы без компромиссов, а FixCSS позаботится о финальном выводе для продакшена. | 2 252 |
| 14 |  Webflow запустил полноценную платформу для разработчиков — и теперь CMS можно крутить из Claude
Если вы когда-нибудь залипали в UI Webflow, чтобы обновить поля CMS или перезалить настройки сайта, вот повод от этого отвыкать. Платформа даёт API и инфраструктуру для управления контентом, настройками и деплоем из кода, или прямо из агентов вроде Claude, Cursor и Postman через протокол MCP.
Теперь обновить десяток записей, переключить флаг, запустить деплой и многое другое можно прямо с помощью агентов без костылей. Документация и примеры уже на сайте, так что проверить на своём проекте можно быстро. | 2 458 |
| 15 |  Chrome 151 даёт декларативный доступ к камере и микрофону через <usermedia>
Если делали видеочаты или редакторы с захватом с камеры, знаете боль: вызовы getUserMedia(), ручные запросы разрешений и пользователи, случайно нажавшие «запретить» и застрявшие в тупике. Новый HTML-элемент <usermedia>, доступный с Chrome 151, убирает эту рутину.
Вместо скриптового запроса права вы получаете декларативный элемент управления, который сам отслеживает намерение пользователя, управляет запросом браузера и передаёт готовый MediaStream в приложение. Это сокращает шаблонный код и даёт браузеру достоверный сигнал о том, что доступ инициирован пользователем, а не страницей. Подробнее в блоге Chrome for Developers.
Если фича приживётся, запросы медиа-прав станут заметно чище. | 11 261 |
| 16 |  Тёмная тема через веб-стандарты
Белая вспышка при загрузке, лишний React-контекст и рассинхрон с системой — Ollie Williams разбирает, как от этого уйти веб-стандартами. prefers-color-scheme берёт системную настройку, а мета-тег name="color-scheme" в head даёт браузеру подсказку раньше CSS.
Можно обойтись без тяжёлой темизации: по клику меняете атрибут content на light, dark или light dark и сохраняете выбор в localStorage. При следующем открытии применяете его до рендера, и вспышки нет.
Главный вывод для меня: стандартный механизм снимает задачу с JS-фреймворка и даёт нативный фолбэк. Если у вас SSR или медленное соединение, такой подход выглядит надёжнее. | 2 483 |
| 17 |  Анимированная радиальная маска на тексте через CSS
Если делаете запоминающиеся заголовки или интерактивные обложки, эта техника пригодится. Тут показали, как повторить на CSS эффект из блога Nikhil: слово «Hello!» перекрывается концентрическими кругами, и получается живое «просвечивание» текста.
Суть — mask плюс repeating-radial-gradient. Прозрачные участки градиента скрывают буквы, непрозрачные оставляют. Чтобы понять механику, автор советует заменить радиальный градиент на linear-gradient — сразу видно, как альфа-канал управляет видимостью. Шрифт тоже важен: круглая буква «o» держит кольца ровно, поэтому взяли Fredoka.
Можно сохранить в закладки и поиграть с параметрами в CodePen из статьи. | 2 319 |
| 18 |  UI-паттерны, которые скоро можно делать без JS
Если верстаете интерфейсы каждый день, я бы сохранил этот доклад Уны Кравец с CSS Day 2026 в закладки. Она разобрала, как новые CSS-возможности убирают типичный скриптовый код: sticky-заголовок прячется через scroll-state(stuck: top), а hover-тултипы собираются на атрибутах interesttarget и popover=hint — почти без JavaScript.
Ещё два момента: sibling-index() задаёт staggered-задержки прямо в CSS, а border-shape позволяет рисовать необычные формы границ вместо border-radius. Пока часть фич работает не везде — polyfill для invokers не тянет на мобильные, так что в прод пока не нёс бы. Но следить стоит: платформа берёт на себя то, за что мы раньше тащили библиотеки.
Видео доклада на YouTube. | 2 827 |
| 19 |  16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде
⚡️ AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее.
Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse.
📎 Начало в 17:00, встреча очных гостей - в 16:00.
Количество очных мест ограничено – успейте зарегистрироваться! | 1 897 |
| 20 | Открыли игру или тест на сайте. Что решает, доиграете вы или закроете вкладку через 20 секунд? 👇 | 2 398 |
