React JS
17.1K subscribers
639 photos
89 videos
5 files
739 links
React программирование

@haarrp - admin

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

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

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

@ai_machinelearning_big_data - ml

№ 5037566384
Download Telegram
🔥На Stepik вышел курс: Linux: полный апгрейд твоих скиллов

Хочешь реально понимать, что происходит под капотом твоей системы, а не просто кликать по GUI?

Без глубокого знания базы ты не инженер - ты просто пользователь.

🔹 В курсе ты:

- Освоишь bash, grep, sed, awk - инструменты, которыми живут админы.
- Разберёшь права, процессы, сеть, файловую систему и научишься чинить всё, что падает.
- Настроишь SSH, firewall, systemd, crontab, демоны и автозапуск.
- Научишься анализировать логи, следить за нагрузкой, и не паниковать при 100% CPU.

💡 Формат: пошаговое объяснение базы и разбор важных практик по работе с Linux.

🎯 После курса ты: будешь чувствовать Linux как родную среду и забудешь, что такое “permission denied”.

🚀 24 часа действует скидка 30%

👉 Учиться со скидкой
2🔥2🖕1
This media is not supported in your browser
VIEW IN TELEGRAM
Синхронизация React с API браузера
👍337
🧩 ReMemory: Защита ваших секретов с помощью совместного доступа

ReMemory позволяет шифровать файлы и делить ключ на части, которые получают ваши доверенные лица. Каждый участник получает автономный инструмент для восстановления данных в браузере, без необходимости в серверах или зависимостях.

🚀Основные моменты:
- Использует секретное деление Шамира для безопасности.
- Восстановление возможно без интернета и сторонних сервисов.
- Каждый участник получает уникальный пакет с инструкциями и инструментом восстановления.
- Подходит для защиты важных данных, таких как коды доступа и документы.
- Прост в использовании, даже для не технических пользователей.

📌 GitHub: https://github.com/eljojo/rememory

#javascript
🔥73
Lightning CSS

Очень быстрый парсер, транспилятор, бандлер и минификатор CSS от создателя Parcel: поддерживает CSS-модули, добавляет вендорные префиксы на основе browserslist, интегрируется с webpack.

🌐Ссылка dev
10👍1🔥1
😁46🤣26👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Perlin Noise

Анимация голограммы. Реализована с помощью JavaScript и CSS.

https://codepen.io/vcomics/pen/djqNrm
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥31
⚡️ Бесплатный клон Perplexity сейчас активно хайпует - Perplexica.

Это опенсорс-поисковик с ИИ, который делает глубокий ресерч, проверяет факты и собирает ответы со ссылками на источники.

• Глубокий поиск и фактчекинг — аккуратно собирает информацию и добавляет источники
• Работает как с локальной Ollama, так и с облачными моделями Google, OpenAI и Anthropic
• Можно загружать файлы — документы, видео, аудио и изображения для уточнения запроса
• Есть набор инструментов и виджетов для проведения полноценного исследования
• Умные подсказки помогают лучше сформулировать запрос и получить точный результат
• Упор на приватность - сервис минимизирует утечки данных и контролирует их использование

https://github.com/ItzCrazyKns/Perplexica
🔥8👍31
🔥21😁9👍32
This media is not supported in your browser
VIEW IN TELEGRAM
Pagination - Simple Pagination

Симпатичный эффект при переключении страниц, созданный на чистом CSS.

https://codepen.io/Azametzin/pen/ZEVKJNX
8👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Infinitely drawing icons

Вся сцена - это svg картинка, анимируемая библиотекой anime.js

https://codepen.io/ainalem/pen/dKjgBx
8🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Experimental Gradient Editor

Приложение для генерации градиента, написанное на Vue.

https://codepen.io/meodai/pen/xyqoEO
👍12
🤣42👍6😁4😢1
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Blossoming Flowers at Magical Night

Анимированная сцена, написанная с помощью SCSS и JavaScript.

Смотреть код
👍137
This media is not supported in your browser
VIEW IN TELEGRAM
Dashy — это мощная и гибкая панель инструментов для управления и мониторинга ваших сервисов. С ее помощью можно организовать ссылки, отображать виджеты с системной информацией и настраивать интеграции с различными API.

Основные возможности:
Полностью настраиваемый интерфейс
Поддержка тем и кастомных стилей
Встроенные виджеты для мониторинга сервисов
Интеграции с API и сторонними сервисами
Простота развертывания через Docker

https://github.com/Lissy93/dashy
👍71🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Scrubbing, scrolling and splitting

Анимация при скролле, реализованная при помощи библиотеки gsap.

https://codepen.io/BlogFire/pen/NWYRqmv
4👍3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Clocktober day 21: Perspective - Стильные часы для вашего сайта

https://codepen.io/jkantner/pen/BaMazpK
👍6🔥32
🌟 DOOM на CSS

Представлен проект cssDOOM, подготовивший реализацию игры DOOM, использующую для отрисовки только CSS, без применения элемента canvas и WebGL.

Всё что выводится на экран, включая спрайты, текстурированные стены, уровни и эффекты, оформлено через стилизованные при помощи CSS элементы <div>, размещаемые в 3D-пространстве при помощи CSS-свойств "transform" и"transform-style: preserve-3d". Игровая логика написана на JavaScript, используя в качестве эталона оригинальный код игры DOOM, открытый компанией id Software. Наработки проекта опубликованы под лицензией GPLv2.

https://cssdoom.wtf/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥24👍2
Утечка кода инструментария Claude Code из-за забытого в NPM-пакете map-файла

Компания Anthropic по недосмотру опубликовала в составе выпуска NPM-пакета claude-code 2.1.88 полный необфусцированный исходный код инструментария Claude Code на языке TypeScript. Код попал в релиз в составе map-файла cli.js.map, применявшегося в ходе отладки. Для предотвращения подобных утечек разработчикам рекомендуется не забывать добавлять маску *.map в файл .npmignore.

Подробнее:
https://opennet.ru/65114/
https://opennet.me/65114/
😁9👍72🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Красивая платежная форма на JS с валидацией правильности заполнения полей.

Если в браузере пользователя сохранены платежные данные, то форма и предложит их автозаполнение.

https://codepen.io/myacode/pen/ExPOdBd
9👍6🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Знаете ли вы, что в CSS можно определить поворот с помощью блока turn? 🤩
👍1711