React JS
Open in Telegram
React программирование @haarrp - admin @itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml № 5037566384
Show more
Network:📈 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 117 subscribers, ranking 8 004 in the Technologies & Applications category and 40 659 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 16 117 subscribers.
According to the latest data from 29 October, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -142 over the last 30 days and by -7 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 15.49%. Within the first 24 hours after publication, content typically collects 5.66% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 498 views. Within the first day, a publication typically gains 912 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 17.
- 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 30 October, 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 117
Subscribers
-724 hours
-497 days
-14230 days
Posts Archive
16 121
Repost from React JS
👩💻 Recoil — это библиотека для управления состоянием в React, разработанная Facebook. Она позволяет использовать глобальное состояние и эффективно управлять зависимостями компонентов. В отличие от Redux, Recoil предлагает более простой и интуитивный API, что делает его удобным для небольших и средних проектов.
❓ Почему стоит попробовать Recoil?
🌟 Простота: Минимум настроек для создания и использования глобального состояния.
🌟 Асинхронные селекторы: Recoil поддерживает асинхронные операции "из коробки", что упрощает работу с API-запросами.
🌟 Тонкая настройка обновлений: Обновления состояния в Recoil происходят только там, где это нужно, что снижает количество перерисовок.
💡Пример использования Recoil:
import React from 'react';
import { atom, useRecoilState } from 'recoil';
// Определение глобального состояния
const textState = atom({
key: 'textState',
default: '',
});
function TextInput() {
const [text, setText] = useRecoilState(textState);
return (
<input type="text" value={text} onChange={(e) => setText(e.target.value)} />
);
}
export default TextInput;16 121
🖥 Курс по созданию адаптивного Веб-дизайна от FreeCodeCamp!
💡 Сначала вы создадите приложение для фотографий кошек, чтобы изучить основы HTML и CSS. Позже вы изучите современные методы, такие как переменные CSS и лучшие практики для доступности, создав сайт-викторину.
🌟 Наконец, вы узнаете, как создавать веб-страницы, подходящие для экранов разных размеров, создав фотогалерею с помощью Flexbox и макет журнальной статьи с помощью CSS Grid
🔗 Ссылка: *клик*
@react_tg
16 121
👩💻 Recoil — это библиотека для управления состоянием в React, разработанная Facebook. Она позволяет использовать глобальное состояние и эффективно управлять зависимостями компонентов. В отличие от Redux, Recoil предлагает более простой и интуитивный API, что делает его удобным для небольших и средних проектов.
❓ Почему стоит попробовать Recoil?
🌟 Простота: Минимум настроек для создания и использования глобального состояния.
🌟 Асинхронные селекторы: Recoil поддерживает асинхронные операции "из коробки", что упрощает работу с API-запросами.
🌟 Тонкая настройка обновлений: Обновления состояния в Recoil происходят только там, где это нужно, что снижает количество перерисовок.
💡Пример использования Recoil:
import React from 'react';
import { atom, useRecoilState } from 'recoil';
// Определение глобального состояния
const textState = atom({
key: 'textState',
default: '',
});
function TextInput() {
const [text, setText] = useRecoilState(textState);
return (
<input type="text" value={text} onChange={(e) => setText(e.target.value)} />
);
}
export default TextInput;16 121
🗂 Bestwebdesigntools — Коллекция инструментов, курсов и шаблонов для разработки веб страниц!
🌟 На этом сайте есть огромное количество как платных, так и бесплатных утилит и макетов для создания красивых и функциональных сайтов!
🔗 Ссылка: *клик*
@react_tg
16 121
🖥 Flexbox Froggy — игра, в которой нужно помочь лягушонку, используя для этого CSS Flexbox
🌟 Отлично подойдет для новичков в верстке сайтов!
🇷🇺 Доступно на русском языке
🔗 Ссылка: *клик*
@react_tg
16 121
🔥 Napkins.dev — сервис, ускоряющий разработку сайтов
💡 Просто переместите сюда ваш макет сайта и сервис сгенерирует готовый фронтенд вашего сайта, используя React + Tailwind
❗️Проект полностью бесплатен и имеет открытый исходный код
🔐 Лицензия: MIT
🔗 Ссылка: *клик*
▪️Github
@react_tg
16 121
🖥 Веб-разработка Frontend: курс по созданию проекта (HTML, CSS, JavaScript, TypeScript, React)
⌨️ (0:00:00) Introduction, resources, and prerequisites
⌨️ (0:07:50) Project setup and VSCode extensions
⌨️ (0:19:29) Build the UI with HTML and CSS
⌨️ (1:14:20) Add JavaScript interactivity to the project
⌨️ (3:01:19) Introduction to the MVC pattern
⌨️ (5:51:56) Refactoring app with TypeScript
⌨️ (5:54:46) Setting up TypeScript from scratch, what are benefits?
⌨️ (6:35:56) Start of refactor from Vanilla JavaScript to TypeScript
⌨️ (7:52:25) Why should you refactor your app to React?
⌨️ (8:01:37) The many ways to set up a React app
⌨️ (8:06:52) Setting up React from scratch
⌨️ (8:51:45) Initializing TypeScript in a React app from scratch
⌨️ (9:00:56) Refactoring vanilla app to React app
https://www.youtube.com/watch?v=MsnQ5uepIaE
@react_tg
16 121
🤔 Сможет ли Blazor превзойти React/Angular?
Любопытные обсуждение на Reddit от новичка в .NET-разработке. Мол, Blazor учить легче, но в то же время он не развивается так быстро как популярные JavaScript-фреймворки.
💬 А вы как думаете?
16 121
🖥 Лучшие репозитории для React-разработчиков
React — один из самых популярных фреймворков для создания фронтенда. Благодаря постоянному развитию экосистемы, возможности React постоянно расширяются. Изучение этого фреймворка становится обязательным для всех, кто занимается фронтенд-разработкой.
Вот несколько полезных репозиториев на GitHub, которые помогут вам в освоении React:
1) 30 Days of React Челлендж с пошаговым руководством по изучению React за 30 дней.
2) Awesome React Коллекция лучших ресурсов и инструментов для работы с React.
3) React Bits Советы, паттерны и техники работы с React.
4) React Typescript Cheatsheet Шпаргалки для опытных разработчиков React, которые начинают работать с TypeScript.
5) ReactJS Interview Questions Список из 500 вопросов и ответов для собеседований по ReactJS.
6) Большая подборка вопросов с собеседований: Frontend, Javascript, React, Vue и многое другое.
@react_tg
16 121
⚡Хакатон IT INNO HACK
Кейс №1: Record Linkage для данных о клиентах. Разработай алгоритмы и методы для решения задачи о нахождении и объединении записей, которые относятся к одному и тому же клиенту из разных информационных систем.
Кейс №2: Система управления проектами. Создай высокопроизводительное приложение для управления проектами, которое будет включать в себя функционал для работы с задачами, пользователями и интеграции с внешними системами.
👨💻Кого мы ждём?
Студентов, junior, middle разработчиков; ML-специалистов, NLP- специалистов; Frontend-разработчиков, Backend-разработчиков, Fullstack-разработчиков, разработчиков CRM-систем, DevOps-инженеров.
📆 Даты хакатона: 27 - 29 сентября
📌Формат: Онлайн
📍Дедлайн регистрации: 23:59 23 сентября
🏆Призовой фонд: 600.000 рублей
Подробная информация и регистрация: https://tglink.io/8e63c4095413
16 121
МТС True Tech Champ
Прими участие в чемпионате от МТС, запрограммируй робота и поборись за главный приз 4000 0000 руб.
Участникам будет предложено просканировать виртуальный лабиринт, получить массив данных о расположении стен и создать алгоритм для самого быстрого поиска оптимального маршрута робота-мыши. Финал чемпионата пройдет в формате зрелищной гонки роботов на глазах у нескольких тысяч офлайн и десятков тысяч онлайн-зрителей.
Регистрация: до 12 октября
Доступ к онлайн-заданиям: с 1 октября
Финал в офлайне: 8 ноября
Трек по программированию роботов будет интересен разработчикам С++, Go, Python, JS, Java, C# и не только.
Смотри подробности и регистрируйся на truetechchamp.ru.
16 121
⚡️ Создаём реальное чат-приложение на SignalR в .NET и React
Статья подробно описывает процесс создания реального чат-приложения с использованием SignalR в .NET и React. Разбираются этапы настройки бэкенда с помощью ASP.NET Core и фронтенда с использованием React, а также взаимодействие между ними для обеспечения реального времени в чате.
Подробности: https://blog.ghanshyamdigital.com/building-a-real-time-chat-app-with-signalr-in-net-and-react
#en
@react_tg
