Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
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 712 підписників, посідаючи 7 916 місце в категорії Технології та додатки та 40 309 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 16 712 підписників.
За останніми даними від 13 червня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -160, а за останні 24 години на -3, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 15.00%. Протягом перших 24 годин після публікації контент зазвичай збирає 6.14% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 2 507 переглядів. Протягом першої доби публікація в середньому набирає 1 026 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 14.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як javascript, github, css, интерфейс, браузер.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“React программирование
@haarrp - admin
@itchannels_telegram - 🔥лучшие ит-каналы
@javascriptv - продвинутый javascript
@programming_books_it - бесплатные it книги
@ai_machinelearning_big_data - ml
№ 5037566384”
Завдяки високій частоті оновлень (останні дані отримано 14 червня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
16 712
Підписники
-324 години
-527 днів
-16030 день
Архів дописів
16 712
Добавьте React в резюме за 3 месяца — на курсе Яндекс Практикума.
◾️ Учитесь на практике
В вашем портфолио будут:
— веб-приложение космической бургерной с главной страницей, личным кабинетом и лентой заказов;
— своё веб-приложение на React и Typescript с юнит-тестами.
◾️ Совмещайте с работой
— Расписания нет, главное — вовремя сдавать проекты и уделять учёбе 20-25 часов в неделю.
— Тренажёр и учебник работают 24/7.
— Если что-то пойдёт не так — можно взять паузу и продолжить с другим потоком.
◾️ Набирайтесь опыта
— Наставники — практикующие разработчики — помогут со сложными темами.
— Старшие программисты проведут код-ревью и поделятся опытом.
→ Начните бесплатную часть курса до 30 ноября и получите промокод со скидкой 20%. Пусть Чёрная Пятница станет поводом сделать карьерный рывок!
16 712
Почему в React важен порядок вызова хуков?
Понимание механизмов работы хуков React имеет первостепенное значение для любого фронтенд-разработчика, стремящегося освоить React-фреймворк. Предоставляя массу возможностей для функциональных компонентов, хуки в то же время подчиняются ряду правил.
Непростая ситуация
Хуки очень полезны для получения данных. Когда источники данных связаны между собой, иногда нужно выполнить внутри компонента функции нечто подобное:
const { data, loading } = useGetData();
const userId = data.id;
const { relatedData } = useGetRelatedDataForUser(userId);
Проблема здесь заключается в том, что userId = data.id может быть еще не определено. Прежде чем выполнять второй вызов, вы, возможно, захотите проверить, является ли загрузка loading false:
const { data, loading } = useGetData();
if (!loading){
const userId = data.id;
const { relatedData } = useGetRelatedDataForUser(userId);
}
Однако если сделать что-то подобное, в консоли появится ошибка, связанная с нарушением правил использования хуков. Правила использования хуков таковы.
1. Вызывать хуки можно только на верхнем уровне компонента функции.
2. Вызывать хуки можно только на верхнем уровне другого хука.
Заметим, что хук — это любая функция, имя которой начинается со строки use. Это означает, что:
1. нельзя вызывать хук внутри условия или цикла;
2. нельзя вызывать хук после условного возврата;
3. нельзя вызывать хук в компоненте класса.
Смысл этих правил заключается в том, что порядок вызова каждого хука должен быть абсолютно одинаковым при каждом вызове компонента.
Почему порядок вызовов хуков имеет значение ⬅️ читать
@react_tg16 712
7 дней бесплатного обучения frontend-разработке!
Организовали для тебя бесплатный интенсив по frontend-разработке с практикой и куратором.
Что будет:
1️⃣ Создание веб-сайта на HTML и CSS
Мы научим тебя создавать стильные и функциональные веб-страницы с использованием современных технологий.
2️⃣ Оживление страницы с помощью JavaScript
Узнаешь, как добавить интерактивность и динамичность в свои проекты.
3️⃣ Использование фреймворка Angular
Узнаешь, как использовать этот инструмент для создания масштабируемых и эффективных веб-приложений.
4️⃣ Подключение Backend
Мы научим тебя основам работы с Backend'ом и покажем, как развернуть проект на хостинге.
5️⃣ Советы по доработке проекта
Получишь советы от опытных разработчиков, чтобы улучшить свой проект и достичь более высокого уровня качества.
🔥 А главное, ты проведёшь 7 дней в компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Участвуй бесплатно
16 712
🔥 Дайджест полезных материалов из мира React за неделю
Почитать:
— Какие неочевидные темы вспомнить перед собеседованием на Frontend разработчика
— Что такое деление по модулю в JavaScript?
— Почему я не буду использовать Next.js
— Redux-toolkit и переиспользование кода
— Разработка браузерных игр с использованием Phaser3, React, Typescript
— Два frontend фреймворка. Два подхода
— Как не программист, вероятно, написал самую быструю библиотеку в мире
— Что нового в Chrome 119?
— Взаимодействие с Midjourney с использованием Discord API • Часть II
— Conditional rendering in React
— Looking for Open-source contribution opportunities
— Yet Another Newsletter LOL: The Narrows
— Redesigned , developed my Portfolio website in React.js and Tailwind CSS
— Why useSyncExternalStore Is Not Used in Jotai
— I built a Snake Game in React
— Why React is Winning the Web: Insights into the Most Popular UI Library
— Preserving Special Characters in Query Parameters: A React Journey
— Learn React The Hard Way: Manage State Better
— React component for an amazing card border and glow animation
Посмотреть:
🌐 Node Just Released This Amazing Feature! (⏱ 00:44)
🌐 Why Signals Are Better Than React Hooks (⏱ 16:30)
Хорошего дня!
16 712
🔥 Дайджест полезных материалов из мира React за неделю
Почитать:
— Как мы заинжектили кнопку на Behance
— Гайд по микрофронтендам на single-spa, или Как уже наконец-то уйти от монолита во фронтенде
— Как можно использовать .NET из Javascript (React) в 2023 году
— Простой пример ИИ для управления роботом. TensorFlow + Node Js
— 8 углубленных вопросов на собеседованиях на роль сеньора в JavaScript
— React vs Vue vs Angular. Часть 3
— Как выстроить удобные процессы в работе с монорепой
— 9 алгоритмов сортировки и поиска для JS, о которых вас спросят на собеседовании
— Особенности кодировки строк в Base64 в JavaScript
— Service Workers против медленного интернета: Кэширование и улучшение UX
— Can someone give me a link to download this book for free ? "Understanding Redux by Ohans Emmanuel"
— Announcing the First Ever State of React Survey
— Next.js + Redoc to create a low-latency API references
— Performing CRUD Operations in a React-Express-MongoDB Application
— React Search Using-Debounce
— How and when to use keys in React
— Wow! Server Actions are now Stable from Next.js 14! Dramatic changes in React and Next's form
— Fetching and rendering data from an API in React.js
— Building a Stopwatch in React
— The Top Animation Libraries for React in 2023
Посмотреть:
🌐 Did Josh Make A Mistake? (⏱ 06:58)
🌐 This Experimental Chrome Accessibility Feature Is A Game Changer (⏱ 00:48)
Хорошего дня!
16 712
Shapes, Clip-Path and CSS Grid — демонстрация CSS Shapes, CSS-свойства clip-path и CSS Grid. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
https://codepen.io/mandymichael/pen/axZyoP
@react_tg
16 712
🔐 Получайте полезную информацию и поддержку для ИТ-бизнеса от команды экспертов iiii Tech! Узнайте, как быстро адаптироваться к изменяющимся реалиям российского ИТ-рынка. Присоединяйтесь к нашему телеграм-каналу "Взаимопомощь для ИТ и бизнеса". 💼💻
🚀 Специалисты iiii Tech делятся своим опытом и ценными знаниями, помогая ИТ-предприятиям эффективно справляться с вызовами. Узнайте о передовых практиках, инновационных решениях и секретах успешного ИТ-бизнеса.
▪️Узнайте, в чем особенность бутикового подхода в поддержке пользователей
▪️ В чем польза облачных платформ для бизнеса в России
▪️ Что такое ISM - управление информационной безопасностью, как сервис?
А еще команда специалистов Форайз запустили свой подкаст, в котором обсуждают актуальные темы из мира IT
Подписывайтесь, будет интересно!
16 712
Как на основе единой кодовой базы построить несколько веб-приложений в принципиально разных средах? Зачем соблюдать практики SDL и как оптимизировать производительность фронтенда?
Приходите обсудить эти и другие вопросы на онлайн-митап «Гетерогенность, или Деплой JavaScript туда и обратно» от Kaspersky. Вместе с командой JavaScript-разработки поговорим про:
◉ построение В2В единой консоли: комплексного, сложного приложения;
◉ единую модель деплоймента для cloud-native-разработки и on-premise;
◉ разработку в распределенных командах (фича-тимы).
Митап пройдет 26 октября в 17.00.
Регистрируйтесь, будет интересно 😎
Реклама. АО "ЛАБОРАТОРИЯ КАСПЕРСКОГО". ИНН 7713140469. erid: LjN8KSFsh
16 712
+1®️Основные различия между React.js и React Native
Есть ли разница между React.js и React Native?
В демонстрационных целях я создал два проекта:
1. Для React Native с помощью команды: yarn create expo-app AwesomeProject.
2. Для React.js с помощью команды: npx create-next-app reactjs-awesome-project.
Рассмотрим соответствующие файлы package.json.
Рис. 1 Файл package.json проекта, созданного для React Native
Рис. 2. Файл package.json проекта, созданного для React.js
Как видите, оба проекта используют одну версию React-библиотеки. Если обратить внимание на строку 15 рис. 1 и строку 21 рис. 2, то можно заметить, что проект React Native основан на зависимости react-native, а проект React.js — на react-dom.
Итак, оба проекта используют React-библиотеку, а значит, сравнение React.js и React Native можно свести к сравнению React Dom и React Native.
Чтобы выявить различия между React DOM и React Native и понять, легко ли веб-разработчику React перейти к разработке с React Native, изучим сначала три основные библиотеки: React.js, React DOM и React Native.
Посмотрим, что они представляет собой и как работают. ⬇️
Читать
16 712
🔥 Дайджест полезных материалов из мира React за неделю
Почитать:
— Fusor vs React
— JavaScript pattern CustomSwitch
— CRUD React c Redux и Saga + typescript в 2023
— Приглашаем на онлайн-митап «Гетерогенность, или Деплой JavaScript туда и обратно»
— Next JS и Nginx
— О чем расскажут на HolyJS 2023 Autumn: от архитектуры до карьеры
— Vue.js 3 — шаблоны проектирования и лучшие практики
— Небольшое React приложение со своим бекендом, запускаем с одного терминала
— PiterJS: сентябрь/октябрь
— Взаимодействие с Midjourney с использованием Discord API
— css loader
— 7 Github Repositories to Master React 😎
— Optimizing Web Performance: PNG Compression⚡
— The Top 10 Reusable Components in React
— Flatiron - Phase 4
— Optimize Your React Code: Avoid Unnecessary useState Hooks
— Understanding React Props: A Fundamental Building Block
— Building a Full Stack Application with Ruby on Rails and React within the MVC Architecture
— Passing Props in React
— Create a Chrome Extension with React FW Plasmo
Посмотреть:
🌐 You Suck At Accessibility (But You Don't Have To) (⏱ 13:23)
🌐 This New Node Feature Is Super Convenient (⏱ 00:43)
Хорошего дня!
16 712
Repost from Искусственный интеллект. Высокие технологии
Вышел GigaChat нового поколения. Разработчики @gigachat_bot качественно обновили его, изменив свой подход к обучению. Благодаря этому сервис стал лучше отвечать на запросы пользователей — примерно в два раза. При этом GigaChat также запустили в VK, аудитория сервиса уже достигла более 1 млн пользователей.
Попробовать.
@vistehno
