React JS

🚀 GrowChief — open-source инструмент для автоматизации соцсетей Теперь у вас есть бесплатная альтернатива PhantomBuster и Expandi. ✨ Что умеет: - Запускать workflow-и: добавления в друзья, сообщения, любые действия в соцсетях - Поддержка n8n, Zapier, Make - «Человеческая» автоматизация — имитация движений мыши, чтобы не спалиться - Enrichment waterfall — находит аккаунт по email или другим данным - Запуск только в рабочие часы - Поддержка прокси и headful-режима браузера 🛠 Технический стек: React + NestJS + Prisma + Temporal, база — PostgreSQL. Лицензия: AGPL-3.0. 📦 Quick Start:

git clone https://github.com/growchief/growchief.git
cd growchief
docker compose up -d

https://github.com/growchief/growchief

📚Gramax: Документация как код Gramax — это бесплатное приложение для создания, редактирования и публикации документации в формате Markdown. Оно обеспечивает гибкость и доступность оффлайн, а также интеграцию с Git для контроля версий и совместной работы. Идеально подходит для продуктовой документации, внутренних баз знаний и личных заметок. 🚀Основные моменты: - Интуитивный визуальный редактор для Markdown - Кроссплатформенное приложение для Windows, Mac и Linux - Локальное хранение файлов в формате Markdown - Поддержка 17 языков для создания документации - Интеграция с Git для коллаборации и контроля версий 📌 GitHub: https://github.com/Gram-ax/gramax

🔥 Самая масштабная атака на экосистему JavaScript Фишингом угнали npm-аккаунт мейнтейнера qix и пушнули апдейты в 18 ключевых пакетов (chalk, debug, strip-ansi, color-convert и др.) — суммарно это ~2,6 млрд загрузок в неделю. В обновления вставили браузерный крипто-«клиппер»: на сайтах/в приложениях с уязвимыми версиями он перехватывает трафик и подменяет адреса кошельков. Скомпрометированные версии — удалить немедленно из всех сред (локальные машины разработчиков, CI/CD, прод):

ansi-styles@6.2.2 debug@4.4.2 chalk@5.6.1 supports-color@10.2.1 strip-ansi@7.1.1 ansi-regex@6.2.1 wrap-ansi@9.0.1 color-convert@3.1.1 color-name@2.0.1 is-arrayish@0.3.3 slice-ansi@7.1.1 color@5.0.1 color-string@2.1.1 simple-swizzle@0.2.3 supports-hyperlinks@4.1.1 has-ansi@6.0.1 chalk-template@1.1.1 backslash@0.2.1 error-ex@1.3.3

⚡️ Что стоит сделать: ▪Удалить уязвимые версии из дерева зависимостей, пересобрать и задеплоить исправления. ▪Проверить lock-файлы (package-lock.json, yarn.lock, pnpm-lock.yaml) и node_modules на присутствие перечисленных версий. ▪ Очистить кэш менеджера пакетов: npm cache clean --force, yarn cache clean, pnpm store prune. ▪ Переустановить зависимости с нуля (удалив node_modules и lock-файлы) и заново зафиксировать версии. ▪ Пересобрать фронтенд-бандлы, инвалидировать CDN/кэши, перезапустить рантаймы. ▪ Проверить логи на внешние запросы из бандла, провести аудит внесённых PR/коммитов. ▪ Ротировать ключи/токены, если могли утечь, и ужесточить 2FA/доступ к npm. 📌 Разбор атаки #security #npm #javascript #supplychain #infosec #malware

Pizza Loader Это svg-картинка, которая анимируется при помощи библиотеки gsap. https://codepen.io/chrisgannon/details/abaEbaG #js

Хотите научиться создавать привлекательные карточки товара без Bootstrap и готовых шаблонов? 📅 9 сентября в 20:00 МСК на открытом уроке мы разберём, как из базовых тегов и CSS-свойств собрать мини-проект, достойный портфолио. Вы увидите, как блок <article> превратить в интерактивную витрину: текст, изображение, кнопка «Купить» и эффекты при наведении. ❗️ Вы поймёте, какие CSS-свойства (margin, padding, background-color, border) отвечают за композицию, а :hover добавит лёгкую анимацию при наведении. В реальном времени создадим карточку, применим шрифты, цвета и узнаем, как обеспечить кросс-браузерность без библиотек и фреймворков. Урок проходит в преддверие старта курса «JavaScript Developer. Basic» и все участники получат скидку на обучение. 👉 Запишитесь на открытый урок → https://otus.pw/bbqp/?erid=2W5zFJVTHZJ Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

✨ Craft.js — React-фреймворк от prevwong для создания drag-and-drop редакторов страниц с полным контролем над UI и логикой. ● Построй свой редактор с нуля: компоненты, состояние, перетаскивание, JSON-экспорт/импорт ● Абсолютно гибкий ● Уже 8k+ ⭐ на GitHub и ~800 форков ● В разработке новая система Reka — позволит создавать компоненты с props и state как в настоящем React 👉 https://github.com/prevwong/craft.js @react_tg

🌊 Эффект жидкого стекла для React Native Liquid Glass добавляет эффект жидкого стекла iOS 26 в приложения React Native. Позволяет настраивать цвета и использовать два режима эффекта: прозрачный и обычный. Идеально подходит для создания стильных интерфейсов. 🚀 Основные моменты: - Эффект жидкого стекла для iOS 26 - Настраиваемые цвета и режимы - Поддержка взаимодействия с элементами 📌 GitHub: https://github.com/callstack/liquid-glass #javascript

🔥 Успех в IT = скорость + знания + окружение Здесь ты найдёшь всё это — коротко, по делу и без воды. Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты! AI: t.me/ai_machinelearning_big_data Python: t.me/pythonl Linux: t.me/linuxacademiya Собеседования DS: t.me/machinelearning_interview C++ t.me/cpluspluc Docker: t.me/DevopsDocker Хакинг: t.me/linuxkalii Devops: t.me/DevOPSitsec Data Science: t.me/data_analysis_ml Javascript: t.me/javascriptv C#: t.me/csharp_1001_notes Java: t.me/java_library Базы данных: t.me/sqlhub Python собеседования: t.me/python_job_interview Мобильная разработка: t.me/mobdevelop Golang: t.me/Golang_google React: t.me/react_tg Rust: t.me/rust_code ИИ: t.me/vistehno PHP: t.me/phpshka Android: t.me/android_its Frontend: t.me/front Big Data: t.me/bigdatai МАТЕМАТИКА: t.me/data_math Kubernets: t.me/kubernetc Разработка игр: https://t.me/gamedev Haskell: t.me/haskell_tg Физика: t.me/fizmat 💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy Папка FRONTEND: https://t.me/addlist/mzMMG3RPZhY2M2Iy 😆ИТ-Мемы: t.me/memes_prog 🇬🇧Английский: t.me/english_forprogrammers 🧠ИИ: t.me/vistehno 🎓954ГБ ОПЕНСОРС КУРСОВ: @courses 📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy Подпишись, если хочешь быть в числе тех, кого зовут в топовые проекты!

🔥 lightweight-charts — библиотека для отображения финансовых графиков и диаграмм, которая оптимизирована для использования в веб-приложениях! 🌟 Она предоставляет простой и быстрый способ визуализации данных в виде интерактивных графиков, например, свечных графиков, линейных графиков, OHLC и других типов финансовых графиков. Библиотека предназначена для того, чтобы работать с большим объемом данных, обеспечивая быструю отрисовку даже при интенсивных обновлениях данных в реальном времени. 🔐 Лицензия: Apache-2.0 🖥 Github @react_tg

🖥 node-google-backup — утилита командной строки, разработанная для автоматического резервного копирования данных из сервисов Google: почты (Gmail), календаря (Google Calendar) и контактов (Google Contacts)! 🌟 Она загружает эти данные в локальные файлы, синхронизируя только новые письма, контакты и события. Структура создаваемых директорий выглядит следующим образом: 🔐 Лицензия: GPL-3.0 🖥 Github @react_tg

🖥 node-google-backup — утилита командной строки, разработанная для автоматического резервного копирования данных из сервисов Google: почты (Gmail), календаря (Google Calendar) и контактов (Google Contacts)! 🌟 Она загружает эти данные в локальные файлы, синхронизируя только новые письма, контакты и события. Структура создаваемых директорий выглядит следующим образом: 🔐 Лицензия: GPL-3.0 🖥 Github @javascriptv

🚀 Promises-Training — практикуй промисы в JavaScript Promises-Training — это коллекция упражнений по промисам с автоматическими тестами, где можно прокачать работу с async/await, .then/.catch, конкурентным выполнением и ограничением параллельности. ⏩ Почему полезно: - Пошаговый рост сложности: от простых примеров до нетривиальных сценариев. - Автотесты сразу показывают, правильно ли решена задача. - Хорошо подходит, чтобы глубже понять асинхронность и промисы. - Есть упражнения по реальным случаям: parallelMaxConcurrency, concurrencyOverride, extractingResolvers и др. 📦 Как начать:

npm create promises-training@latest

Запуск проверки конкретного упражнения: npm run check <category>/<exercise> 🔥 Итог: отличный способ на практике закрепить работу с промисами и уверенно освоить асинхронность в JS. Лежит тут: https://github.com/henriqueinonhe/promises-training #javascript #тренажер #js @javascriptv

🎮 Освой Vim с VIM Master! VIM Master — это легкая браузерная игра, которая обучает основным командам и движениям Vim через короткие уровни. Просто откройте index.html и начните практиковаться без установки. 🚀 Основные моменты: - Интерактивные уровни для изучения команд Vim. - Поддержка нормального и вставного режимов. - Лог команд для отслеживания нажатий клавиш. - Режим вызова задач для проверки навыков под давлением времени. 📌 GitHub: https://github.com/renzorlive/vimmaster #html

JavaScript. Что будет выведено в консоль? Ответ: 5

💡 Полезный совет по React + CSS Когда стили в компоненте начинают разрастаться, используйте CSS Modules или styled-components, чтобы избежать конфликтов классов. Пример с CSS Modules

import styles from "./Button.module.css";

export default function Button() {
  return <button className={styles.primary}>Нажми меня</button>;
}

/* Button.module.css */
.primary {
  background: #007bff;
  color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 8px;
  cursor: pointer;
}
.primary:hover {
  background: #0056b3;
}

✅ Все стили изолированы, классы автоматически получают уникальные имена. Это особенно удобно в больших проектах, где легко возникает путаница с CSS. @react_tg

🚀Claudable! Claudable — это мощный конструктор веб-приложений на базе Next.js, который позволяет создавать и развертывать приложения, просто описывая их идею. Используя возможности AI-агента Claude Code, вы мгновенно получаете рабочий код и живой превью вашего приложения. 🚀 Основные моменты: - Генерация кода на основе естественного языка - Мгновенный просмотр изменений с функцией горячей перезагрузки - Легкое развертывание на Vercel с одним кликом - Интеграция с Supabase для работы с базами данных - Автоматическое обнаружение и исправление ошибок 📌 GitHub: https://github.com/opactorai/Claudable

🎉 Создайте свой AI-чат с Open-Fiesta! Open-Fiesta — это открытая платформа для экспериментов с многомодельным AI-чатом, построенная на Next.js. Пользователи могут переключаться между различными провайдерами и моделями, сравнивать результаты и использовать веб-поиск с возможностью прикрепления изображений. 🚀 Основные моменты: - Множество провайдеров: Gemini, OpenRouter и другие - Выбор до 5 моделей для одновременного использования - Поддержка веб-поиска и вложений изображений - Удобный интерфейс с поддержкой клавиатуры 📌 GitHub: https://github.com/NiladriHazra/Open-Fiesta

🍓 React-joyride — удобное решение для создания интерактивных туров по интерфейсу. Основанный на react-floater проект позволяет гибко настраивать внешний вид и поведение туров. Можно использовать как готовые компоненты, так и создавать собственные элементы оформления. Проект очень просто интегрировать с react-приложениями. Достаточно определить шаги тура и подключить компонент в нужном месте. 🤖 GitHub @react_tg

📄 Vectorless PDF Chatbot — новый подход к работе с документами Интересный проект, который предлагает альтернативу традиционным чат-ботам с векторными базами данных. Вместо преобразования документов в эмбеддинги, система использует LLM для интеллектуального анализа PDF-файлов прямо в браузере пользователя. Решение полностью статично и ориентируется на приватность. Документы не покидают браузер, не требуют предварительной обработки и не хранятся на серверах. При этом бот сохраняет контекст и может анализировать до 100 PDF-файлов одновременно. 🤖 GitHub @bigdatai