React JS
الذهاب إلى القناة على Telegram
React программирование @haarrp - admin @itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml № 5037566384
إظهار المزيد
الشبكة:📈 نظرة تحليلية على قناة تيليجرام React JS
تُعد قناة React JS (@react_tg) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 16 351 مشتركاً، محتلاً المرتبة 7 678 في فئة التكنولوجيات والتطبيقات والمرتبة 39 958 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 16 351 مشتركاً.
بحسب آخر البيانات بتاريخ 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 351
المشتركون
-1024 ساعات
-357 أيام
-7830 أيام
جاري تحميل البيانات...
القنوات المماثلة
سحابة العلامات
الإشارات الواردة والصادرة
---
---
---
---
---
---
جذب المشتركين
سبتمبر '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 |
منشورات القناة
Section design with hover effect
Адаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript.
https://codepen.io/uiswarup/pen/BaaexdO
| 2 |  Хакатон на космических данных. Санкт-Петербург, Красноярск или онлайн из любой точки страны.
Стартуем 18 сентября.
За выходные участники доводят одну из задач до рабочего решения.
Санкт-Петербург. К 2035 году над Землёй должен работать топливный узел, у которого заправляются корабли, и откуда он будет получать топливо - с Земли, с Луны или из резерва - пока не решил никто. Команде предстоит собрать схему поставок, посчитать резервы и решить, во что вкладываться сразу. Призовой фонд 1,2 млн ₽.
Красноярск. Спутник видит горящий лес раньше любого наземного поста, но вместе с пожаром ловит нагретые крыши, факелы на месторождениях и блики на воде. Команде предстоит научить сервис отличать настоящий очаг от шума, обвести гарь и выдать площадь в гектарах. Призовой фонд 600 тыс. ₽.
Лучшие забирают приз на площадке и билет в московский финал 25–27 сентября, где разыграют ещё 2,4 млн рублей.
Команда 3–5 человек, недостающих можно найти на платформе.
Регистрация по ссылке космохакатон.рф | 1 038 |
| 3 |  ⚡️ Вышел 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 107 |
| 4 |  JavaScript. Напишите функцию order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр.
Ответ | 2 058 |
| 5 |  ⚡️ 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 434 |
| 6 |  JavaScript. Что будет выведено в консоль?
Ответ | 2 020 |
| 7 |  ✔️ 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 083 |
| 8 |  Жиза | 2 655 |
| 9 |  🖥 Planck.js
Planck.js – небольшой физический 2D движок на JavaScript, что отлично подойдет для написания HTML5-игр. Интересный для ознакомления проект.
🖥 Github
✔️ Документация | 3 420 |
| 10 |  🖥 Shopping UI - красивый каталог товаров и корзина, сделанные при помощи JS библиотеки - Vue.js
https://codepen.io/mo-ro/pen/jObjGJm | 3 046 |
| 11 |  LosslessCut
Это кроссплатформенный графический интерфейс FFmpeg для быстрой работы с видео, аудио, субтитрами и другими медиафайлами без потерь. Основная функция - обрезка и нарезка видео- и аудиофайлов без потерь, что очень удобно для экономии места за счет черновой обрезки больших видеофайлов, снятых с видеокамеры, GoPro, дрона и т. д. Она позволяет быстро извлечь из видео хорошие фрагменты и избавиться от многих гигабайт данных, не прибегая к медленному повторному кодированию и, как следствие, к потере качества. Вы также можете добавить к видео музыкальную дорожку или дорожку субтитров, не прибегая к кодированию. Все происходит очень быстро, потому что программа выполняет почти прямое копирование данных, подпитываемая потрясающим FFmpeg, который выполняет всю основную работу.
https://github.com/mifi/lossless-cut | 1 |
| 12 |  Игра камень, ножницы, бумага на чистом CSS.
https://codepen.io/alvaromontoro/pen/BaaBYyz | 3 162 |
| 13 |  🔥 Хочешь быстрее расти в 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 552 |
| 14 |  Совет по JavaScript 💡
Одна строка кода, чтобы определить, есть ли в массиве дубликаты 🤩 | 2 036 |
| 15 |  JavaScript. Что будет выведено в консоль?
Ответ | 2 298 |
| 16 |  25 августа встречаемся на Agentic Coding Meetup в Сбер.Среде и в онлайне⚡️
AI-агенты уже умеют писать код. Но самое интересное начинается дальше — когда вместе с инструментами меняются роли инженеров, команды и сам процесс разработки.
🔥 Поговорим о том, как agentic coding выглядит на практике: новые инженерные роли и модели команд, SDD и трансформация процессов, coding-агенты и инструменты, подходы к постановке задач и управлению контекстом, а также опыт внедрения AI в разработку больших технологических компаний.
⏳ Начало в 17:00, встреча очных гостей — в 16:00.
Количество очных мест ограничено — успейте зарегистрироваться! | 2 248 |
| 17 |  ⚡️ Rainbow cloud trail — переливающееся облако, следующее за курсором. Реализована с помощью CSS и JavaScript
https://codepen.io/creativeocean/pen/LYMmbvZ | 2 187 |
| 18 |  🎯 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 |
| 19 |  Это один из самых изобретательных проектов, которые я видел на этой неделе.
Передаёт файлы между двумя устройствами, используя только экран и камеру. Использует Fountain Codes (LT Codes).
Вместо разделения файла на последовательные фрагменты, каждый QR-код содержит математическую комбинацию (XOR) блоков файла.
Разработчик достиг скорости до 129 КБ/с. Всё работает в браузере с WebAssembly, без установки каких-либо приложений.
https://github.com/bashalarmistalt/decimen-optical-transfer | 6 116 |
| 20 |  Совет по JavaScript 💡
Используйте параметр rest вместо объекта arguments для приема переменного количества аргументов ✅ | 2 567 |
