React JS

Логотип телеграм канала @react_tg — React JS R
Актуальные темы из канала:
Css
Фронтенд
Tips
Router
Шпаргалка
React
Js
Метеор
Javascript
Reactjs
All tags
Логотип телеграм канала @react_tg — React JS
Актуальные темы из канала:
Css
Фронтенд
Tips
Router
Шпаргалка
React
Js
Метеор
Javascript
Reactjs
All tags
Адрес канала: @react_tg
Категории: Технологии
Язык: Русский
Количество подписчиков: 17.35K
Описание канала:

React программирование
@haarrp - admin
@itchannels_telegram - 🔥лучшие ит-каналы
@javascriptv - продвинутый javascript
@programming_books_it - бесплатные it книги
@ai_machinelearning_big_data - ml
№ 5037566384

Рейтинги и Отзывы

4.33

3 отзыва

Оценить канал react_tg и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

1

4 звезд

2

3 звезд

0

2 звезд

0

1 звезд

0


Последние сообщения

1 день назад
Вайбкодинг вышел на новый уровень: энтузиасты сделали open-source интерфейс для управления ИИ-агентами — Vibecraft.

Это прям геймификация разработки: карта, персонажи-агенты, звуковое сопровождение и “ходы” как в игре. При этом всё максимально практично - видно, кто чем занят, где агент завис, что сломал и на каком шаге ошибся.

Самое приятное - всё работает локально. Никакие промпты и файлы никуда не улетают: весь код и контекст остаются у тебя.

GitHub: https://github.com/Nearcyan/vibecraft
Демо: https://vibecraft.sh/
2.06K views13:04
Подробнее
Поделиться:
Открыть/Комментировать
4 дня назад
Antibot-Detector

Расширение для браузера, предназначенное для обнаружения систем защиты от ботов, CAPTCHA-сервисов и механизмов веб-безопасности в реальном времени.

Приложение может идентифицировать более 26 различных сервисов, включая Cloudflare, reCAPTCHA, DataDome, PerimeterX и другие, предоставляя оценку уверенности для каждого обнаружения.

Еще, расширение оснащено продвинутыми инструментами захвата, которые помогают анализировать и обходить защитные механизмы.

https://github.com/scrapfly/Antibot-Detector
2.22K views10:02
Подробнее
Поделиться:
Открыть/Комментировать
5 дней назад
Antigravity Kit: AI Agent Templates for Enhanced Workflows

Antigravity Kit предоставляет набор шаблонов для создания AI-агентов с различными навыками и рабочими процессами. Включает 16 специализированных агентов, 40 модулей знаний и 11 команд для автоматизации задач.

Основные моменты:
- 16 специализированных AI-агентов для разных задач
- 40 модулей навыков для контекстуального применения
- 11 команд для упрощения рабочих процессов
- Автоматическое применение правил из конфигурации
- Полная документация по архитектуре и использованию

GitHub: https://github.com/vudovn/antigravity-kit

#javascript
2.66K views13:05
Подробнее
Поделиться:
Открыть/Комментировать
19 янв
Генерируем одноразовые email-адреса на своём сервере и принимать на них письма - удобно, когда не хочется светить основной ящик.

TempFastMail - помогает держать приватность и не ловить тонны спама.

Что умеет:
• Ящики реально временные - удаляются через 48 часов без следов.
• Можно регистрироваться на любых сервисах и получать письма.
• Основная почта остаётся чистой - меньше спама и навязчивых рассылок.
• Работает на собственном сервере - никто лишний не лезет в переписку.
• Без ограничений, без рекламы, без регистрации и без сложной установки.

https://github.com/Zhoros/NortixMail

@react_tg
2.93K views10:04
Подробнее
Поделиться:
Открыть/Комментировать
17 янв
Советы по Javascript
3.19K views11:02
Подробнее
Поделиться:
Открыть/Комментировать
15 янв
Управляйте 3D-камерами с ComfyUI

ComfyUI-qwenmultiangle — это настраиваемый узел для управления углами 3D-камеры в ComfyUI. Он предлагает интерактивный интерфейс на основе Three.js для регулировки углов и масштабирования, а также выводит формализованные строки запросов для генерации изображений с разных ракурсов.

Основные моменты:
- Интерактивное управление углом и масштабом камеры
- Быстрый выбор предустановленных углов через выпадающие меню
- Реальный просмотр сцены в 3D
- Поддержка нескольких языков интерфейса
- Совместимость с Qwen-Image-Edit для генерации изображений

GitHub: https://github.com/jtydhr88/ComfyUI-qwenmultiangle

#typescript
3.43K views11:01
Подробнее
Поделиться:
Открыть/Комментировать
13 янв
Забирайте стильную находку: React-компонент для превращения видео в ASCII-графику

video2ascii берёт видео, делит кадр на сетку, усредняет пиксели в каждой ячейке, определяет яркость и цвет — и на их основе рендерит изображение из цветных ASCII-символов.

На данный момент компонент работает только на устройствах с поддержкой WebGL 2.0

GitHub: github.com/elijah0528/video2ascii
3.63K views10:03
Подробнее
Поделиться:
Открыть/Комментировать
11 янв
Судьба такая у безотказных
3.94K views08:45
Подробнее
Поделиться:
Открыть/Комментировать
8 янв
Анимационная библиотека иконок для React

Its Hover предлагает более 186 анимированных иконок, которые реагируют на взаимодействие. Разработана с использованием motion/react, библиотека позволяет легко настраивать иконки под ваши нужды. Идеально подходит для проектов на Next.js и других современных инструментах.

Основные моменты:
- Динамические иконки с анимацией при наведении
- Полная настройка: изменяйте анимации и цвета
- Совместимость с Next.js и shadcn
- Открытый исходный код под лицензией MIT

GitHub: https://github.com/itshover/itshover
1.55K views11:02
Подробнее
Поделиться:
Открыть/Комментировать
6 янв
Я увидел эту замечательную технику CSS Video Masking на сайте iPad.

Довольно аккуратное использование CSS - не то, что я ожидал!
1.99K views10:03
Подробнее
Поделиться:
Открыть/Комментировать
5 янв
React.GG Visualized - интерактивная визуализация экосистемы React

Это сайт, который показывает всё вокруг React в виде графа: библиотеки, инструменты, плагины, экосистему.

Каждый узел - это проект, ссылка, зависимость или связка.

Ты можешь:
• видеть, какие пакеты связаны между собой
• исследовать экосистему на лету
• находить полезные инструменты вокруг React
• смотреть, какие решения чаще всего используются

Это отличная карта для понимания, куда React развивается и что стоит изучить следующими шагами.

Ссылка: https://react.gg/visualized
2.43K views08:32
Подробнее
Поделиться:
Открыть/Комментировать
5 янв
На Stepik вышел курс, который учит работать с Docker на реальных проектах.

Владение Docker - навык, который отличает новичка от профи,

Сегодня почти всё разворачивается в контейнерах.

Если ты не умеешь работать с Docker, ты медленнее, зависим от чужих настроек и постоянно ловишь баги «у меня локально работает».

Этот курс от популярного канала Docker Академии научит:

• как упаковывать проекты в контейнеры
• как поднимать целые системы за минуты
• как избегать типичных ошибок в продакшене
• как делать стабильные и повторяемые окружения
•в нем разобраны все возможные ошибки при работе c Docker

Только практика и реальные кейсы - с нуля до уверенного уровня.

40 процентов скидка действует 48 часов в честь нового года


Записывайся и сделай Docker своим настоящим рабочим инструментом.
2.32K viewsedited  06:22
Подробнее
Поделиться:
Открыть/Комментировать
4 янв
Как устроен React, если собрать его с нуля

Этот гайд показывает, как написать упрощённый React своими руками.
Использовать такой код в продакшне не будешь, зато становится понятно,
как внутри работают рендеринг, состояние и обновления.

В статье есть и разбор, и ссылка на GitHub с готовым примером — можно покопаться и поэкспериментировать.

Подробнее:
https://www.rob.directory/blog/react-from-scratch
2.44K views09:01
Подробнее
Поделиться:
Открыть/Комментировать
2 янв
Совет по JavaScript

Используйте параметр rest вместо объекта arguments для приема переменного количества аргументов
2.71K views09:00
Подробнее
Поделиться:
Открыть/Комментировать
29 дек 2025
Ваши данные под микроскопом

YourInfo — это демонстрация осведомленности о конфиденциальности, показывающая, какую информацию сайты могут собирать о вас через отпечатки браузера и поведенческий анализ. Интерактивная 3D-карта позволяет видеть других посетителей в реальном времени, а AI помогает выявлять личные данные.

Основные моменты:
- Отпечатки браузера: анализ Canvas, WebGL, шрифтов и т.д.
- Отслеживание поведения: движения мыши, прокрутка, ввод текста
- Обнаружение устройства: информация о GPU, CPU, RAM
- AI-профилирование: использование Grok AI для анализа данных
- Реальное время: взаимодействие через WebSocket и CesiumJS

GitHub: https://github.com/siinghd/yourinfo
3.83K views06:16
Подробнее
Поделиться:
Открыть/Комментировать
21 дек 2025
Классика
2.17K views10:01
Подробнее
Поделиться:
Открыть/Комментировать
19 дек 2025
Исследуйте React Server Components с RSC Explorer

RSC Explorer — это инструмент для изучения и экспериментов с протоколом React Server Components. Он позволяет запускать серверную и клиентскую части RSC в браузере, просматривать поток RSC шаг за шагом и наблюдать за деревом React в реальном времени. В проекте также представлены примеры, демонстрирующие взаимодействие функций сервера и клиента.

Основные моменты:
- Интерактивный просмотр RSC потока
- Поддержка примеров для обучения
- Работает в браузере без зависимостей от React
- Открытый проект с возможностью улучшений

GitHub: https://github.com/gaearon/rscexplorer

#javascript
2.39K views10:04
Подробнее
Поделиться:
Открыть/Комментировать
17 дек 2025
Совет по CSS

Полезный сниппет, позволяющий скрыть содержимое, но сохранить его доступным для пользователей программ для чтения
2.67K views09:10
Подробнее
Поделиться:
Открыть/Комментировать
17 дек 2025
Пишете на JavaScript, но всё ещё завязаны на фреймворки и готовые компоненты? Хотите понимать, как работает браузер, и создавать свои элементы, а не только использовать чужие?

На открытом уроке разберём, как JavaScript взаимодействует с DOM, как с помощью классов и ООП собирать структурированные компоненты и что такое Web Components на практике. Шаг за шагом создадим кастомный HTML-тег с нуля и подключим его к странице так, чтобы элемент можно было переиспользовать.

Урок будет полезен начинающим фронтенд-разработчикам и тем, кто хочет уйти от фреймворков к осознанному пониманию браузерного API. Вебинар проходит в преддверие старта курса «JavaScript Developer. Basic».

Встречаемся 22 декабря в 20:00 МСК.

Регистрация открыта: https://otus.pw/yxOub/?erid=2W5zFHpsJSt
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
2.55K views07:57
Подробнее
Поделиться:
Открыть/Комментировать
16 дек 2025
Управляй ИИ на Mac с Chorus!

Chorus - это мощный инструмент для работы с ИИ, созданный для Mac. Он позволяет интегрировать различные модели ИИ в одном приложении, упрощая доступ и управление ими. Идеально подходит для разработчиков и исследователей.

Основные моменты:
- Интуитивный интерфейс для работы с ИИ
- Поддержка множества моделей
- Оптимизирован для Mac
- Легкая интеграция с другими инструментами

GitHub: https://github.com/meltylabs/chorus

@react_tg
2.36K views15:50
Подробнее
Поделиться:
Открыть/Комментировать
14 дек 2025
Совет по CSS

:user-invalid
2.81K views07:27
Подробнее
Поделиться:
Открыть/Комментировать
11 дек 2025
Муки совести SEOшника
3.53K views16:41
Подробнее
Поделиться:
Открыть/Комментировать
11 дек 2025
«Сделай, чтобы работало одинаково во всех браузерах». Фронтендеры знают, что эта фраза звучит проще, чем выполняется.

Мы попросили ИИ-помощника ГигаЧат составить спокойный и понятный ответ менеджеру, который объясняет реальность кроссбраузерности без лишних эмоций.
3.4K views15:40
Подробнее
Поделиться:
Открыть/Комментировать
11 дек 2025
Совет по Javascript

Возможно, вы не знаете об этом простейшем способе таймаута запроса на выборку.
3.13K views06:00
Подробнее
Поделиться:
Открыть/Комментировать
10 дек 2025
JavaScript-разработчик набирает npm install:
3.16K views10:15
Подробнее
Поделиться:
Открыть/Комментировать
9 дек 2025
Обнаружение React Server Components (RSC) в Chrome

Расширение для Chrome, позволяющее автоматически и активно обнаруживать отпечатки React Server Components и Next.js App Router на веб-страницах. Подходит для образовательных и исследовательских целей, с акцентом на безопасность.

Основные моменты:
- Автоматическое сканирование страниц на наличие RSC
- Активное отправление запросов для анализа ответов сервера
- Множественные методы обнаружения, включая анализ заголовков
- Обновление значка расширения при обнаружении RSC

GitHub: https://github.com/mrknow001/RSC_Detector

#javascript
2.96K views10:05
Подробнее
Поделиться:
Открыть/Комментировать
7 дек 2025
Инструмент для сканирования уязвимостей в Next.js приложениях

react2shell-scanner помогает выявлять уязвимости CVE-2025-55182 и CVE-2025-66478 в приложениях на React Server Components. Он использует различные методы проверки, включая безопасный режим и обход WAF, чтобы обеспечить точное обнаружение без выполнения кода на целевых системах.

Основные моменты:
- Обнаружение уязвимостей в Next.js с помощью RCE PoC.
- Поддержка безопасного режима проверки без выполнения кода.
- Возможность обхода WAF для повышения эффективности сканирования.
- Поддержка Windows и Unix-подобных систем.
- Вывод результатов в формате JSON для дальнейшего анализа.

GitHub: https://github.com/assetnote/react2shell-scanner

#python
1.66K views10:59
Подробнее
Поделиться:
Открыть/Комментировать
5 дек 2025
Annotation Toolkit помогает дизайнерам прямо в макете объяснить, как должны работать элементы интерфейса.

Проще говоря, он позволяет:

- подписывать элементы: что кликается, что меняется, как ведёт себя при разной ширине экрана;

- сразу указать требования по доступности: например, какой alt-текст нужен или что должно быть доступно с клавиатуры;

- убрать путаницу при передаче макета разработчикам, чтобы они точно понимали задумку.

Почему это важно:
Почти половина ошибок по доступности появляется только потому, что дизайнеры и разработчики по-разному понимают поведение элемента. Если зафиксировать эти детали заранее - проблемы просто не возникнут.

https://github.blog/enterprise-software/collaboration/level-up-design-to-code-collaboration-with-githubs-open-source-annotation-toolkit/
2.05K views10:01
Подробнее
Поделиться:
Открыть/Комментировать
3 дек 2025
Совет по CSS

Возможно, вы не знаете об этом новом и самом простом способе вертикального центрирования содержимого в box layout
2.42K views10:10
Подробнее
Поделиться:
Открыть/Комментировать
3 дек 2025
Если JavaScript у вас пока живёт в консоли и учебных задачках, самое время вытащить его в «настоящий мир». На открытом вебинаре соберём мини-приложение, которое очень похоже на реальный продуктовый интерфейс: каталог с карточками, фильтрами и поиском по данным с внешнего API.

Что будем делать на вебинаре:

- Подключим внешний API и загрузим реальные данные — без фейковых «заглушек».
- Построим каталог с карточками: изображение, название, описание — как в интернет-магазинах или сервисах подбора.
- Добавим поиск, фильтры и индикатор загрузки, чтобы интерфейс выглядел и вёл себя живо.
- Покажем, как обрабатывать ошибки и показывать корректные UI-состояния, а не просто «ничего не происходит».- Разберём структуру приложения на чистом JS: где хранятся данные, где бизнес-логика, как устроен рендеринг.

9 декабря, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic». 

Регистрация открыта: https://otus.pw/r2w8/?erid=2W5zFGhvdfn


Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
2.32K views09:00
Подробнее
Поделиться:
Открыть/Комментировать