React JS
17.2K subscribers
635 photos
82 videos
5 files
727 links
React программирование

@haarrp - admin

@itchannels_telegram - 🔥лучшие ит-каналы

@javascriptv - продвинутый javascript

@programming_books_it - бесплатные it книги

@ai_machinelearning_big_data - ml

№ 5037566384
Download Telegram
⚡️ Как устроен React, если собрать его с нуля

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

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

Подробнее:
https://www.rob.directory/blog/react-from-scratch
16🔥3👍1
🖥 На Stepik вышел курс, который учит работать с Docker на реальных проектах.

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

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

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

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

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

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

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


👉 Записывайся и сделай Docker своим настоящим рабочим инструментом.
Please open Telegram to view this post
VIEW IN TELEGRAM
3🖕2👍1🔥1
⚡️ React.GG Visualized - интерактивная визуализация экосистемы React

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

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

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

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

Ссылка: https://react.gg/visualized
8👍3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Я увидел эту замечательную технику CSS Video Masking на сайте iPad.

Довольно аккуратное использование CSS - не то, что я ожидал!
👍177
🎨🚀 Анимационная библиотека иконок для React

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

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

📌 GitHub: https://github.com/itshover/itshover
🔥148👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Судьба такая у безотказных
14🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Забирайте стильную находку: React-компонент для превращения видео в ASCII-графику

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

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

📎 GitHub: github.com/elijah0528/video2ascii
🔥173🤔1
🎥 Управляйте 3D-камерами с ComfyUI

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

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

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

#typescript
9👍4🔥2
Советы по Javascript 💡
👍203🔥1😐1
Генерируем одноразовые email-адреса на своём сервере и принимать на них письма - удобно, когда не хочется светить основной ящик.

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

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

https://github.com/Zhoros/NortixMail

@react_tg
8👍4🔥2
🚀 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
11👍3🔥2
⚡️ Antibot-Detector

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

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

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

https://github.com/scrapfly/Antibot-Detector
👍53🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Вайбкодинг вышел на новый уровень: энтузиасты сделали open-source интерфейс для управления ИИ-агентами — Vibecraft.

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

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

GitHub: https://github.com/Nearcyan/vibecraft
Демо: https://vibecraft.sh/
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥113🌚2
🎨 Улучши свою продуктивность с baoyu-skills!

baoyu-skills предлагает набор инструментов для повышения эффективности работы с контентом. Включает в себя генерацию изображений, создание слайдов и утилиты для обработки данных, что делает его идеальным помощником для авторов и маркетологов.

🚀Основные моменты:
- Генерация контента и публикаций.
- Создание изображений и слайдов в различных стилях.
- Утилиты для обработки и конвертации данных.
- Легкая интеграция с Claude Code.

📌 GitHub: https://github.com/JimLiu/baoyu-skills

#javascript
5🔥1
Знаете ли вы, что можно изменить метод формы в HTML-форме, указав атрибут formMethod на кнопке?
👍37🔥21
DevExtreme — это готовый к использованию корпоративный набор мощных и привлекательных компонентов пользовательского интерфейса для популярных интерфейсных фреймворков: Angular, React, Vue и jQuery.

Компоненты DevExtreme адаптивны и доступны. Они хорошо работают на разных устройствах, с экранами разных размеров и при использовании разных способов ввода.

Независимо от того, использует ли ваша целевая аудитория телефоны, ПК или программы для чтения с экрана, компоненты DevExpress справятся с задачей.
7👍3🔥2
🎨 Создавайте умных агентов с Craft Agents

Craft Agents — это мощный инструмент для работы с агентами, предлагающий интуитивный интерфейс и поддержку множества API. Он позволяет управлять сессиями, интегрироваться с различными сервисами и настраивать рабочие процессы без необходимости в коде.

🚀Основные моменты:
- Многофункциональный десктопный клиент с управлением сессиями
- Интеграция с 32+ инструментами Craft и REST API
- Гибкая система разрешений и динамическое управление статусами
- Поддержка фоновых задач и визуализация инструментов
- Открытый исходный код с возможностью кастомизации

📌 GitHub: https://github.com/lukilabs/craft-agents-oss
4👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Checkbox card

Чекбокс в виде карточек. Если выбрать категорию, картинка становится цветной. Сделано на SCSS.

https://codepen.io/aaw3k/pen/zYBxEWX
🔥12👍32👌1🌚1
This media is not supported in your browser
VIEW IN TELEGRAM
📌 UI-TARS-desktop — открытое приложение-агент с GUI, которое превращает ваш компьютер в **интерактивного AI-ассистента** с визуальным восприятием и управлением интерфейсом.

Что это и зачем:

🤖 AI-агент, который видит и кликает
Проект основан на модели UI-TARS (User Interface — Task Automation & Reasoning System). Агент реально *видит экран*, распознаёт элементы интерфейса и может управлять мышью, клавиатурой и браузером по простым естественным командам.

🖥️ Контроль компьютера на естественном языке
Вместо интеграций через API вы пишете команды, а модель сама ищет кнопки, поля ввода и прочие UI-элементы, затем *выполняет действия*. Это работает с приложениями, браузером и элементами рабочего стола.

⚙️ Open-source и кросс-платформа
Проект распространяется под Apache-лицензией, есть релизы, активная история версий и документация для запуска на Windows и macOS. :

📦 Цели проекта
UI-TARS-desktop — это не просто демонстрация: это полноценный мультимодальный AI-агентный стек, который можно использовать для автоматизации повседневных задач без ручного вмешательства.

Страница репозитория: github.com/bytedance/UI-TARS-desktop
6👍3
🦀 Crabwalk: Мониторинг AI-агентов в реальном времени

Crabwalk — это инструмент для наблюдения за работой AI-агентов на платформах WhatsApp, Telegram, Discord и Slack. Он визуализирует сессии агентов в виде графа, позволяя отслеживать их действия и состояния в реальном времени.

🚀Основные моменты:
- Живой граф активности с визуализацией сессий
- Поддержка нескольких платформ одновременно
- Реальное время через WebSocket
- Отслеживание действий и параметров инструментов
- Фильтрация сессий по платформе и получателю

📌 GitHub: https://github.com/luccast/crabwalk

#javascript
👍82🔥1😁1🕊1🥱1
🔥 Полезная подборка каналов только код, практика и самые передовые инструменты, которые используют разработчики прямо сейчас.👇

🖥 Машинное обучение : t.me/machinelearning_interview

🖥 ИИ: t.me/ai_machinelearning_big_data

🖥 Python: t.me/pythonl

🖥 Linux: t.me/linuxacademiya

🖥 C++ t.me/cpluspluc

🖥 Docker: t.me/DevopsDocker

🖥 Хакинг: t.me/linuxkalii

🖥 Devops: t.me/DevOPSitsec

👣 Golang: t.me/Golang_google

🖥 Javascript: t.me/javascriptv

🖥 C#: t.me/csharp_ci

🖥 Java: t.me/javatg

🖥 Базы данных: t.me/sqlhub

👣 Rust: t.me/rust_code

🤖 Технологии: t.me/machineint

💰 Экономика и инвестиции в ИИ t.me/financeStable

💼 Актуальные вакансии: t.me/addlist/_zyy_jQ_QUsyM2Vi

🖥 Chatgpt бот в тг: t.me/Chatgpturbobot

📚 Бесплатные ит-книги: https://t.me/addlist/HwywK4fErd8wYzQy

🖥Подборка по Golang: https://t.me/addlist/MUtJEeJSxeY2YTFi

⚡️ Лучшие ИИ ресурсы: https://t.me/addlist/2Ls-snqEeytkMDgy

Самое лучшее в этом: ты учишься даже тогда, когда “нет времени, просто потому что читаешь правильную ленту.
Please open Telegram to view this post
VIEW IN TELEGRAM
1