React Frontend

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

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

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.

🔥 Самая масштабная атака на экосистему 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

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

🚀 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

Свежий опенсорс инструмент, который берёт любой сайт и превращает его в готовое React-приложение за минуту — Open Lovable v2 Построен на базе Firecrawl, поддержка разных LLM, песочницы E2B и Vercel. Короче, идеально для прототипов. Забираем тут @react_tg