React JS
Открыть в Telegram
React программирование @haarrp - admin @itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml № 5037566384
Больше
Сеть:📈 Аналитический обзор Telegram-канала React JS
Канал React JS (@react_tg) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 16 344 подписчиков, занимая 7 678 место в категории Технологии и приложения и 39 958 место в регионе Россия.
📊 Показатели аудитории и динамика
С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 16 344 подписчиков.
Согласно последним данным от 15 сентября, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -78, а за последние 24 часа — -10, при этом общий охват остаётся высоким.
- Статус верификации: Не верифицирован
- Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 15.78%. В первые 24 часа после публикации контент обычно набирает 6.89% реакций от общего числа подписчиков.
- Охват публикаций: В среднем каждый пост получает 2 581 просмотров. В течение первых суток публикация набирает 1 127 просмотров.
- Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 17.
- Тематические интересы: Контент сосредоточен на ключевых темах, таких как javascript, github, css, интерфейс, браузер.
📝 Описание и контентная политика
Автор описывает ресурс как площадку для выражения субъективного мнения:
“React программирование
@haarrp - admin
@itchannels_telegram - 🔥лучшие ит-каналы
@javascriptv - продвинутый javascript
@programming_books_it - бесплатные it книги
@ai_machinelearning_big_data - ml
№ 5037566384”
Благодаря высокой частоте обновлений (последние данные получены 16 сентября, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Технологии и приложения.
16 344
Подписчики
-1024 часа
-357 дней
-7830 дней
Загрузка данных...
Похожие каналы
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=96&q=75){kind=small}
Облако тегов
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
сентябрь '26
сентябрь '26
+37
в 30 каналах
август '26
+90
в 39 каналах
Get PRO
июль '26
+75
в 41 каналах
Get PRO
июнь '26
+121
в 0 каналах
Get PRO
май '26
+74
в 0 каналах
Get PRO
апрель '26
+54
в 0 каналах
Get PRO
март '26
+62
в 1 каналах
Get PRO
февраль '26
+141
в 0 каналах
Get PRO
январь '26
+305
в 4 каналах
Get PRO
декабрь '25
+82
в 3 каналах
Get PRO
ноябрь '25
+236
в 46 каналах
Get PRO
октябрь '25
+93
в 14 каналах
Get PRO
сентябрь '25
+218
в 38 каналах
Get PRO
август '25
+244
в 9 каналах
Get PRO
июль '25
+473
в 74 каналах
Get PRO
июнь '25
+306
в 60 каналах
Get PRO
май '25
+100
в 0 каналах
Get PRO
апрель '25
+175
в 28 каналах
Get PRO
март '25
+153
в 2 каналах
Get PRO
февраль '25
+231
в 42 каналах
Get PRO
январь '25
+278
в 44 каналах
Get PRO
декабрь '24
+630
в 42 каналах
Get PRO
ноябрь '24
+1 458
в 56 каналах
Get PRO
октябрь '24
+1 461
в 58 каналах
Get PRO
сентябрь '24
+832
в 201 каналах
Get PRO
август '24
+640
в 40 каналах
Get PRO
июль '24
+603
в 50 каналах
Get PRO
июнь '24
+1 167
в 57 каналах
Get PRO
май '24
+473
в 36 каналах
Get PRO
апрель '24
+1 241
в 53 каналах
Get PRO
март '24
+495
в 21 каналах
Get PRO
февраль '24
+320
в 2 каналах
Get PRO
январь '24
+344
в 43 каналах
Get PRO
декабрь '23
+314
в 39 каналах
Get PRO
ноябрь '23
+257
в 30 каналах
Get PRO
октябрь '23
+937
в 1 каналах
Get PRO
сентябрь '23
+466
в 0 каналах
Get PRO
август '23
+408
в 0 каналах
Get PRO
июль '23
+674
в 0 каналах
Get PRO
июнь '23
+327
в 0 каналах
Get PRO
май '23
+1 623
в 0 каналах
Get PRO
апрель '23
+708
в 0 каналах
Get PRO
март '23
+182
в 0 каналах
Get PRO
февраль '23
+2 138
в 0 каналах
Get PRO
январь '23
+965
в 0 каналах
Get PRO
декабрь '22
+1 333
в 0 каналах
Get PRO
ноябрь '22
+4 398
в 0 каналах
Get PRO
октябрь '22
+2 566
в 0 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 16 сентября | 0 | |||
| 15 сентября | 0 | |||
| 14 сентября | +7 | |||
| 13 сентября | +1 | |||
| 12 сентября | 0 | |||
| 11 сентября | 0 | |||
| 10 сентября | +1 | |||
| 09 сентября | +2 | |||
| 08 сентября | 0 | |||
| 07 сентября | +2 | |||
| 06 сентября | 0 | |||
| 05 сентября | +3 | |||
| 04 сентября | 0 | |||
| 03 сентября | +2 | |||
| 02 сентября | +6 | |||
| 01 сентября | +13 |
Посты канала
Совет по CSS 💡
Знаете ли вы, что можно упростить длинные списки селекторов в CSS с помощью
:where()? 🤩| 2 |  Команды нет — это не причина пропустить КосмоХакатон
18–20 сентября, Санкт-Петербург, Красноярск или онлайн из любой точки страны. На платформе есть подбор команды: регистрируетесь один, указываете, что умеете, и находите недостающих
К двум задачам, о которых писали раньше, добавились ещё две.
Санкт-Петербург - космонавт в открытом космосе. Солнечные вспышки, геомагнитные бури, радиация меняются по часам, решение о выходе принимают по прогнозу. Команде предстоит выделить ключевые угрозы и собрать техническое решение для их анализа. Данные, физика, инженерия.
Красноярск - зелёные финансы. Углеродные кредиты продаются под обещание, что где-то растёт лес, и проверить это обещание можно со спутника. Команде предстоит собрать платформу для токенизации и продажи кредитов, привязанных к реальному состоянию лесного массива. Данные, финансы, продукт.
Фонд площадок — 1,2 млн ₽ и 600 тыс. ₽. Лучшие забирают приз и билет в московский финал 25–27 сентября на 2,4 млн рублей.
Подробности и регистрация | 641 |
| 3 |  Section design with hover effect
Адаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript.
https://codepen.io/uiswarup/pen/BaaexdO | 1 165 |
| 4 |  Хакатон на космических данных. Санкт-Петербург, Красноярск или онлайн из любой точки страны.
Стартуем 18 сентября.
За выходные участники доводят одну из задач до рабочего решения.
Санкт-Петербург. К 2035 году над Землёй должен работать топливный узел, у которого заправляются корабли, и откуда он будет получать топливо - с Земли, с Луны или из резерва - пока не решил никто. Команде предстоит собрать схему поставок, посчитать резервы и решить, во что вкладываться сразу. Призовой фонд 1,2 млн ₽.
Красноярск. Спутник видит горящий лес раньше любого наземного поста, но вместе с пожаром ловит нагретые крыши, факелы на месторождениях и блики на воде. Команде предстоит научить сервис отличать настоящий очаг от шума, обвести гарь и выдать площадь в гектарах. Призовой фонд 600 тыс. ₽.
Лучшие забирают приз на площадке и билет в московский финал 25–27 сентября, где разыграют ещё 2,4 млн рублей.
Команда 3–5 человек, недостающих можно найти на платформе.
Регистрация по ссылке космохакатон.рф | 1 206 |
| 5 |  ⚡️ Вышел React 19.3 - View Transitions и Fragment Refs стали стабильными
Что добавили:
• Анимации через `<ViewTransition>`
Появление, исчезновение, перемещение и изменение размеров элементов через браузерный View Transition API. По умолчанию - плавное затухание, свои эффекты задаются через CSS или Web Animations API.
Анимации запускаются для Transition-обновлений, включая startTransition, раскрытие Suspense и useDeferredValue. Обычные срочные обновления отображаются сразу.
• `ref` у `<Fragment>`
Можно управлять фокусом, обработчиками событий, измерениями и наблюдением за группой DOM-элементов без дополнительного `<div>`, который мог бы повлиять на вёрстку.
• `use(browser())` для компонентов, которым нужен браузер
Позволяет пропустить серверный рендеринг компонента, зависящего, например, от localStorage. На сервере показывается ближайший Suspense fallback, в браузере компонент продолжает рендеринг.
• Поддержка Trusted Types
React больше не превращает соответствующие объекты в строки перед передачей в DOM API. Политики Trusted Types теперь могут работать корректно.
• Меньше обёрток для Context
Server Components могут напрямую рендерить контекст, импортированный из модуля с 'use client'.
Также медленный Transition больше не задерживает другие, не связанные с ним переходы.
https://react.dev/blog/2026/09/09/react-19-3 | 2 128 |
| 6 |  JavaScript. Напишите функцию order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр.
Ответ | 2 058 |
| 7 |  ⚡️ React Compiler переписали на Rust - сборка ускорилась в 17 раз
Команда Master.dev перевела React Router-проект на новый нативный React Compiler из экосистемы oxc и получила очень заметный прирост скорости.
На кодовой базе из 1 036 файлов:
- Babel-версия компилятора - 14,3 с
- Rust-версия - 0,81 с
- ускорение компилятора - примерно 17,6×
- вся сборка ускорилась с 22,1 до 9,3 с, то есть примерно в 2,4 раза
Важно: 17× относится именно к работе React Compiler, а не ко всему build pipeline.
Новый вариант построен вокруг oxc-transform-react. В @vitejs/plugin-react 6.1 появилась экспериментальная поддержка нативного компилятора:
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
export default defineConfig({
plugins: [react({ compiler: true })],
});
После перехода можно убрать Babel-слой и @rolldown/plugin-babel, что делает конфигурацию не только быстрее, но и проще.
Есть и функциональные улучшения: Rust-версия уже поддерживает некоторые конструкции, на которых старый Babel-компилятор делал bailout, включая часть логики в try/catch, computed property keys и отдельные случаи с destructured props.
Для больших React-проектов это особенно интересно из-за CI: меньше времени на компиляцию - меньше GitHub Actions minutes и быстрее feedback loop.
https://blog.master.dev/react-now-rusted-all-the-way-out/ | 3 503 |
| 8 |  JavaScript. Что будет выведено в консоль?
Ответ | 2 065 |
| 9 |  ✔️ Alibaba отсудила домен alibabа.ai
Китайский техгигант официально вернул контроль над международным доменным именем alibaba.ai.
Спор рассматривался в Чешском арбитражном суде, который принял решение принудительно передать права корпорации.
В июле 2026 года доменный инвестор из арабского региона выкупил имя на вторичном рынке за $3 333. Практически сразу он выставил его на перепродажу, но уже с десятикратной наценкой - за $33 333.
Юристы Alibaba, которые к тому моменту начали процесс защиты бренда в рамках международной процедуры UDRP, заблокировали сделку и довели дело до суда.
Защита ответчика выглядела весьма оригинально. Киберсквоттер пытался доказать арбитражу, что термин "Али-Баба" не имеет отношения к китайскому маркетплейсу, а выбрано исключительно из-за его глубокого культурного и литературного значения в арабском мире, намекая на сказку про сорок разбойников.
Но международного арбитра такой аргумент не впечатлил. Суд указал на очевидные маркеры недобросовестности:
🟠Перекупщик не планировал создавать литературный или культурный сайт;
🟠На домене висела пустая заглушка исключительно ради спекулятивной перепродажи;
🟠Доменная зона .ai уже прочно ассоциируется во всем мире с Artificial Intelligence.
Alibaba сейчас активно инвестирует в собственную разработку ИИ, поэтому покупка такого имени сторонним лицом - это прямое паразитирование на бренде.
В итоге суд признал действия сквоттера оппортунистическими, и теперь домен послужит официальным ИИ-проектам Alibaba Group.
@ai_machinelearning_big_data
#news #ai #ml | 2 134 |
| 10 |  Жиза | 2 684 |
| 11 |  🖥 Planck.js
Planck.js – небольшой физический 2D движок на JavaScript, что отлично подойдет для написания HTML5-игр. Интересный для ознакомления проект.
🖥 Github
✔️ Документация | 3 441 |
| 12 |  🖥 Shopping UI - красивый каталог товаров и корзина, сделанные при помощи JS библиотеки - Vue.js
https://codepen.io/mo-ro/pen/jObjGJm | 3 061 |
| 13 |  LosslessCut
Это кроссплатформенный графический интерфейс FFmpeg для быстрой работы с видео, аудио, субтитрами и другими медиафайлами без потерь. Основная функция - обрезка и нарезка видео- и аудиофайлов без потерь, что очень удобно для экономии места за счет черновой обрезки больших видеофайлов, снятых с видеокамеры, GoPro, дрона и т. д. Она позволяет быстро извлечь из видео хорошие фрагменты и избавиться от многих гигабайт данных, не прибегая к медленному повторному кодированию и, как следствие, к потере качества. Вы также можете добавить к видео музыкальную дорожку или дорожку субтитров, не прибегая к кодированию. Все происходит очень быстро, потому что программа выполняет почти прямое копирование данных, подпитываемая потрясающим FFmpeg, который выполняет всю основную работу.
https://github.com/mifi/lossless-cut | 1 |
| 14 |  Игра камень, ножницы, бумага на чистом CSS.
https://codepen.io/alvaromontoro/pen/BaaBYyz | 3 210 |
| 15 |  🔥 Хочешь быстрее расти в IT? Хватит учиться в одиночку
Окружение решает больше, чем кажется.
Собрал папки и каналы, где можно быстрее влиться в нужное направление, следить за трендами и не вариться в своём пузыре.
AI: t.me/ai_machinelearning_big_data
Python: t.me/pythonl
Linux: t.me/linuxacademiya
Хакинг: t.me/linuxkalii
DevOps: t.me/DevOPSitsec
Docker: https://t.me/+90Z5TAyfuNU5YmRi
Golang: t.me/Golang_google
Rust: t.me/rust_code
C++: t.me/cpluspluc
C#: t.me/csharp_1001_notes
Java: t.me/javatg
JavaScript: t.me/javascriptv
React: t.me/react_tg
Frontend: t.me/front
PHP: t.me/phpshka
Android: t.me/android_its
Мобильная разработка: t.me/mobdevelop
Базы данных: t.me/sqlhub
Data Science: t.me/data_analysis_ml
Big Data: t.me/bigdatai
Математика: t.me/data_math
Физика: t.me/fizmat
Kubernetes: t.me/kubernetc
GameDev: https://t.me/gamedev
Haskell: t.me/haskell_tg
Собеседования и карьера:
DS собеседования: t.me/machinelearning_interview
Python собеседования: t.me/python_job_interview
Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy
Папка Frontend: https://t.me/addlist/mzMMG3RPZhY2M2Iy
Полезное сверху:
ИТ-мемы: t.me/memes_prog
Английский для программистов: t.me/english_forprogrammers
ИИ и технологии: t.me/vistehno
954 ГБ open-source курсов: https://t.me/+rKBQEMccAA01MTcy
ИТ-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy
Max Ai: https://max.ru/ai_machinelearning_big_data
Max python: https://max.ru/pythonl
ТЕХНО: https://max.ru/vistehno
Max Go: https://max.ru/Golang_google
Max Linux: https://max.ru/linuxkalii
Devops: https://max.ru/DevOPSitsec
C#: https://max.ru/csharp_ci
C++: https://max.ru/cpluspluc
SQL: https://max.ru/sqlhub
Java: https://max.ru/javatg
Подписывайся на нужные направления и собирай себе ленту, которая реально двигает вперёд. | 2 662 |
| 16 |  Совет по JavaScript 💡
Одна строка кода, чтобы определить, есть ли в массиве дубликаты 🤩 | 2 046 |
| 17 |  JavaScript. Что будет выведено в консоль?
Ответ | 2 325 |
| 18 |  25 августа встречаемся на Agentic Coding Meetup в Сбер.Среде и в онлайне⚡️
AI-агенты уже умеют писать код. Но самое интересное начинается дальше — когда вместе с инструментами меняются роли инженеров, команды и сам процесс разработки.
🔥 Поговорим о том, как agentic coding выглядит на практике: новые инженерные роли и модели команд, SDD и трансформация процессов, coding-агенты и инструменты, подходы к постановке задач и управлению контекстом, а также опыт внедрения AI в разработку больших технологических компаний.
⏳ Начало в 17:00, встреча очных гостей — в 16:00.
Количество очных мест ограничено — успейте зарегистрироваться! | 2 248 |
| 19 |  ⚡️ Rainbow cloud trail — переливающееся облако, следующее за курсором. Реализована с помощью CSS и JavaScript
https://codepen.io/creativeocean/pen/LYMmbvZ | 2 199 |
| 20 |  🎯 CSS @scope: способ ограничить область действия стилей
До сих пор в CSS не было простого и надёжного способа ограничить действие стилей внутри конкретного контейнера. Мы полагались на такие приёмы, как уникальные классы, переопределение селекторов или CSS-in-JS. Но теперь у нас есть @scope.
Что такое @scope?
@scope — это новая директива в CSS, которая позволяет задать область применения стилей. Она похожа на @media, но вместо условий она ограничивает, где стили будут применяться в DOM.
@scope (.card) {
h2 {
color: red;
}
}
Этот код применит красный цвет только к h2, находящимся внутри .card. Всё просто.
Почему это важно?
Ограничение области действия стилей:
- делает код изолированным и предсказуемым,
- предотвращает конфликты между компонентами,
- упрощает поддержку и масштабирование CSS.
Более сложный пример
@scope (.card) to (.card-footer) {
a {
text-decoration: none;
}
}
Здесь мы ограничиваем действие от .card до .card-footer. Стили будут применяться только к a, находящимся между этими двумя элементами в иерархии.
Итого
@scope — это шаг вперёд для масштабируемого CSS. Больше не нужно изобретать велосипеды с уникальными классами и перегрузками. Пишите локализованные стили — просто и прозрачно.
https://12daysofweb.dev/2023/css-scope/ | 2 994 |
