Available now! Telegram Research 2025 — the year's key insights 
React JS
Open in Telegram
React программирование @haarrp - admin @itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml № 5037566384
Show more📈 Analytical overview of Telegram channel React JS
Channel React JS (@react_tg) in the Russian language segment is an active participant. Currently, the community unites 16 697 subscribers, ranking 7 927 in the Technologies & Applications category and 40 327 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 16 697 subscribers.
According to the latest data from 16 June, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -159 over the last 30 days and by -3 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 15.95%. Within the first 24 hours after publication, content typically collects 6.45% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 664 views. Within the first day, a publication typically gains 1 077 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 14.
- Thematic interests: Content is focused on key topics such as javascript, github, css, интерфейс, браузер.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“React программирование
@haarrp - admin
@itchannels_telegram - 🔥лучшие ит-каналы
@javascriptv - продвинутый javascript
@programming_books_it - бесплатные it книги
@ai_machinelearning_big_data - ml
№ 5037566384”
Thanks to the high frequency of updates (latest data received on 17 June, 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.
16 697
Subscribers
-324 hours
-437 days
-15930 days
Posts Archive
16 696
Zustand как альтернатива Redux
Управление состоянием в React за последнее время значительно меняется. Одни перешли на Redux, другие — используют сторонние библиотеки, например: Zustand или Recoil.
Библиотека Zustand была разработана создателями Jotai и React-spring и позволяет легко управлять состоянием приложения, не усложняя разработку обилием кода.
В этом видео рассматривается, что такое Zustand, работа с этой библиотекой и оптимизация рендера компонентов:
https://youtu.be/l6WDSN-_HSI
#фронтенд
16 696
Популярные инструменты и библиотеки веб-разработки
Автор собрал все известные графические ресурсы, React UI и Vue UI библиотеки, шаблоны HTML, CSS и многое другое в одном Notion файле. Вам нужно только выбрать категорию.
Например, если вы забывали, где найти бесплатные шрифты, то здесь собрано 37 полезных ресурсов для любого проекта:
https://surffers.notion.site/surffers/The-Best-Web-Development-Tools-2cf90734ead54d748edaf706120728d8
#web
16 696
Создаём приложение для чата с помощью ReactJS и Firebase
Небольшое приложение со входом в аккаунт через учётную запись Google с помощью Firebase Authentication (SDK). Это инструмент Firebase, который поддерживает различные методы аутентификации, такие как пароли, номера телефонов, Google, Facebook, Twitter, GitHub и другие.
Все сообщения из чата пользователя хранятся в облаке Firestore. Cloud Firestore сохраняет данные в документах в виде пар ключ-значение.
В этой статье вы найдёте пошаговое руководство, как настроить проект в Firebase и React, и создадите полноценное приложение для чата:
https://www.freecodecamp.org/news/building-a-real-time-chat-app-with-reactjs-and-firebase/
#react
16 696
ГДЕ НАЙТИ РАБОТУ REACT-РАЗРАБОТЧИКУ?
Уже через 3-6 месяцев ты можешь оказаться в штате программистов Тинькофф, Яндекс, Озон, ВТБ, Северсталь и других крупных компаний
Как? Приходи на бесплатное обучение к ребятам из ITM Space. Курс ведут только действующие React-разработчики с опытом в IT от 5ти лет.🔥
Что ты получишь на обучении?
- изучишь востребованный стек технологий: основы HTML, CSS, JavaScript, TypeScript, React, Redux, GIT, Scrum, Jira
- возможность окунуться в реальный проект под руководством тимлида
- карьерные консультации: разбор твоего резюме, тестовые собеседования с командой и мощную прокачку soft-skills
- поддерживающее комьюнити студентов, которое не даст забросить учебу и придет на помощь в любой задаче
Хочешь вывести свой код на качественно новый уровень и стать ведущим разработчиком в топовой компании?
Успей записаться на обучение уже в марте - осталось 10 мест в группе!
»Перейти на сайт
16 696
5 библиотек для React-разработчика, которые стоит попробовать
1. React Joyride помогает создать пошаговое руководство и интерактивную экскурсию по приложению.
2. React Beautiful DnD — для перетаскивания (drag and drop) с поддержкой мыши и клавиатуры. Также библиотека поддерживает вертикальные, горизонтальные передвижения и между списками.
3. Enzyme — это библиотека JavaScript, созданная командой AirBnB для тестирования компонентов React.
4. React Spring — популярная библиотека для анимаций.
5. Styled Components используется для стилизации приложений. Позволяет отслеживать компоненты и добавлять только их стили.
#react
16 696
⭐️ Работа с картами на React с помощью Pigeon Maps и Mapbox
Разработчики из Evil Martians делятся подробный гайдом, как создать красивую карту для веб-приложения на React. В статье разбираются все шаги реализации проекта: дизайн, концепция, сбор данных, внедрение логики и многое другое:
https://evilmartians.com/chronicles/how-to-build-a-better-react-map-with-pigeon-maps-and-mapbox
@react_tg
16 696
Сколько времени нужно, чтобы стать востребованным фронтенд-разработчиком? Всего 10 месяцев!
Вы сможете совмещать обучение с любыми другими занятиями. Главное условие - ваше желание учиться.
В Xeкслете вы можете пройти онлайн-курс по профессии "Фронтенд-разработчик".
Во время программы вы:
✔️ Изучите JavaScript в связке с HTML и CSS.
✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
✔️ Решите более 310 задач в браузере.
✔️ Создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.
✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах.
В процессе обучения вы не просто будете писать код, а научитесь самостоятельно находить лучшие решения.
🎁 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% !
16 696
⏩ Логический border-radius
Скругление границ — один из наиболее важных элементов дизайна для создания удобного и привлекательного интерфейса, и при правильном применении он может сделать ваши проекты еще более красивыми и функциональными.
Если вы хотите узнать, как можно использовать логические свойства для создания красивых скругленных форм, то эта статья для вас:
https://css-irl.info/logical-border-radius/
@react_tg
16 696
+6Для работы в международной команде базового английского может не хватить. Держите 5 советов, которые помогут подготовиться к общению с иностранными коллегами.
Если хотите подтянуть язык для работы в IT — попробуйте Яндекс Практикум. Они запустили курсы специально для разработчиков, аналитиков и продакт-менеджеров.
В основе обучения — занятия с личным преподавателем, дополнительно вас ждёт разговорная практика с иностранными IT-специалистами. Они помогут освоить язык на примере собеседований, стендапов, ревью и других рабочих встреч. Будет проще пройти реальное англоязычное собеседование, если вы уже тренировали его на занятиях.
Записывайтесь на бесплатную консультацию к куратору. Он определит ваш уровень языка и расскажет о курсе.
16 696
Browserling — тестирование кроссбраузерности онлайн
Работает сервис достаточно просто — он запускает веб-приложения на своих удалённых виртуальных машинах
Тестируется же всё в совершенно разнообразных браузерах и системах: начиная с Windows 10 и Google Chrome либо Opera, заканчивая Windows 7 и Android 7 с Safari и Internet Explorer
Стоимость: #бесплатно (но есть платные функции)
#web #qa
16 696
🖥 Разработка микро-интерфейса с помощью Single SPA на React 2023
Разработка микро-интерфейса с помощью Single SPA на React.
Single SPA – это JavaScript-фреймворк для создания микро-интерфейсов. Он позволяет вам создавать несколько небольших приложений и объединять их в одно более крупное. С помощью Single SPA вы можете использовать различные интерфейсные фреймворки (такие как React, Angular, Vue и т.д.) для создания своих микро-интерфейсов.
▪Читать
@react_tg
16 696
🖥 React. Компоненты
Читая документацию React наткнулся на интересную с моей точки зрения конструкцию в react-bootstrap:
<Nav
activeKey="/home"
onSelect={selectedKey => alert(`selected ${selectedKey}`)}>
<Nav.Item>
<Nav.Link href="/home">Active</Nav.Link>
</Nav.Item>
<Nav.Item>
<Nav.Link eventKey="link-1">Link</Nav.Link>
</Nav.Item>
<Nav.Item>
<Nav.Link eventKey="link-2">Link</Nav.Link>
</Nav.Item>
<Nav.Item>
<Nav.Link eventKey="disabled" disabled>
Disabled
</Nav.Link>
</Nav.Item>
</Nav>
Это способ структурирования кода.
Nav.Item это такой же компонент, как и любой другой обычный компонент React. Но, в данном случае, мы используем namespace для того, что бы точно знать, какой именно компонент используем. Посмотрите сами, Item очень обобщенное имя, поэтому другие библиотеки могут тоже его использовать
import {Item} from 'one-lib';
import {Item} from 'two-lib'; // Oooops. Duplicate name!
Можно выкрутиться используя конструкцию as, но это не так красиво)
import {Item} from 'one-lib';
import {Item as ItemTwo} from 'two-lib'; // Ok
Поэтому, разработчик может не волноваться за проблему дубликата имен, а создать свой namespace, где будет уже иметь свои стандартные и уникальные, в рамках своей либы, названия
import {Nav} from 'lib';
Nav.Component1; // Ok!
Nav.Component2; // Ok too!
// В коде либы
export Nav = {
Component1: ...,
Component2: ...,
}
При этом Nav сам может являться компонентом, тогда остальные будут статическими св-свами
class Nav extends React.Component {}; // Тут уже используются эта техника - React.Component
Nav.Component1 = class Component1 extends React.Component {}
Nav.Component2 = class Component1 extends React.Component {}
export Nav
@react_tg16 696
Repost from Анализ данных (Data analysis)
27 февраля стартовал финал совместного профиля «Искусственный интеллект» НТО и Академии искусственного интеллекта для школьников БФ Сбербанка «Вклад в будущее»
📌 3 дня продлится командная работа над финальной задачей.
Sber AI подготовил задание по разработке алгоритма, который анализирует видео и отвечает на вопросы по его содержанию. Такое решение позволит ускорить анализ видеоинформации, а также проводить эффективный поиск по видеопоследовательностям.
📌Подробности по ссылке: https://www.ng.ru/news/760842.html
По итогам командам-победителям вручат приглашения на оплачиваемую стажировку в Сбер и компании-партнеры по направлению «Машинное обучение». Призовой фонд превышает 4 млн рублей
16 696
🖥 Современный модульный лендинг React
Шаблоны лендингов очень распространены в интернете: легко собираются, удобны в использовании и выглядят отлично. Но это только в теории.
На практике большинство шаблонов либо красивые, но с неаккуратным кодом, либо наоборот: имеют приличный код, но выглядят ужасно.
Шаблон с разумным применением современных технологий отличается от них как небо и земля.
▪Читать
▪Код
@react_tg
16 696
Газпромбанк приглашает тебя на лекцию «Карьера IT-архитектора: что нужно знать новичкам о профессии».
Почему стоит присоединиться?
— Владимир Григорьев, Архитектор стрима «Розничный Миддл» в Газпромбанке, расскажет об истории и причинах появления специальности ИТ-архитектора, разных видах специалистов и требованиях к ним, рабочих задачах и организации работы, а также роли ИТ-архитекторов в Газпромбанке.
— Шанс выиграть мерч за интересные вопросы спикеру и получить сертификат об участии.
Когда: 2 марта, 18:00 (по МСК)
Регистрируйся на лекцию, чтобы узнать больше о мире IT — https://www.gpbspace.ru/digital-lectory-hall-form/
16 696
🖥 Топ-45 библиотек React
React просто великолепен: он крайне производителен и популярен во всем мире. Но не стоит игнорировать тот факт, что “из коробки” React предоставляет не так уж и много готовых решений.
Поэтому приходится искать дополнительные сторонние библиотеки. Они могут оказаться как высококачественными, так и написанными на скорую руку. Если вы новичок, то вам придется потратить довольно много времени на поиск наилучшего решения.
Сегодня проведем сравнительное обсуждение с целью детально разобраться в альтернативных решениях различных проблем React.
▪Читать
@react_tg
16 696
💨 Card Hover Interactions — шикарная анимация текста.
https://codepen.io/hexagoncircle/pen/XWbWKwL
@react_tg
16 696
Анонс Sandpack 2.0 и среды разработки Node.js для любого браузера.
CodeSandbox анонсировала новую версию Sandpack, инструмента для лайв-кодинга в браузере (редактор кода + предварительный просмотр). Sandpack хорошо интегрируется с React благодаря специальному пакету. Первая версия уже использовалась на новом сайте бета-документации React Джошем Комо и многими другими.
Вторая версия основана на новой технологии NodeBox, которая позволяет запускать Node.js в браузере. Можно запускать Next.js, Vite, Astro и другие стеки.
Это напоминает технологию StackBlitz, которая только что анонсировала WebContainers API . В статье Sandpack объясняются различия между NodeBox и WebContainers.
https://codesandbox.io/blog/announcing-sandpack-2
@react_tg
