🚀 Promises-Training — практикуй промисы в JavaScript
Promises-Training — это коллекция упражнений по промисам с автоматическими тестами, где можно прокачать работу с
⏩ Почему полезно:
- Пошаговый рост сложности: от простых примеров до нетривиальных сценариев.
- Автотесты сразу показывают, правильно ли решена задача.
- Хорошо подходит, чтобы глубже понять асинхронность и промисы.
- Есть упражнения по реальным случаям:
📦 Как начать:
Запуск проверки конкретного упражнения:
npm run check <category>/<exercise>
🔥 Итог: отличный способ на практике закрепить работу с промисами и уверенно освоить асинхронность в JS.
Лежит тут: https://github.com/henriqueinonhe/promises-training
#javascript #тренажер #js
@react_tg
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
@react_tg
👍15❤8🔥4
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡2❤1
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2❤1🐳1
This media is not supported in your browser
VIEW IN TELEGRAM
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤🔥1❤1👍1
🔥 Успех в IT = скорость + знания + окружение
Здесь ты найдёшь всё это — коротко, по делу и без воды.
Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты!
AI: t.iss.one/ai_machinelearning_big_data
Python: t.iss.one/pythonl
Linux: t.iss.one/linuxacademiya
Собеседования DS: t.iss.one/machinelearning_interview
C++ t.iss.one/cpluspluc
Docker: t.iss.one/DevopsDocker
Хакинг: t.iss.one/linuxkalii
Devops: t.iss.one/DevOPSitsec
Data Science: t.iss.one/data_analysis_ml
Javascript: t.iss.one/javascriptv
C#: t.iss.one/csharp_1001_notes
Java: t.iss.one/java_library
Базы данных: t.iss.one/sqlhub
Python собеседования: t.iss.one/python_job_interview
Мобильная разработка: t.iss.one/mobdevelop
Golang: t.iss.one/Golang_google
React: t.iss.one/react_tg
Rust: t.iss.one/rust_code
ИИ: t.iss.one/vistehno
PHP: t.iss.one/phpshka
Android: t.iss.one/android_its
Frontend: t.iss.one/front
Big Data: t.iss.one/bigdatai
МАТЕМАТИКА: t.iss.one/data_math
Kubernets: t.iss.one/kubernetc
Разработка игр: https://t.iss.one/gamedev
Haskell: t.iss.one/haskell_tg
Физика: t.iss.one/fizmat
💼 Папка с вакансиями: t.iss.one/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.iss.one/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.iss.one/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.iss.one/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.iss.one/addlist/mzMMG3RPZhY2M2Iy
😆ИТ-Мемы: t.iss.one/memes_prog
🇬🇧Английский: t.iss.one/english_forprogrammers
🧠ИИ: t.iss.one/vistehno
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://t.iss.one/addlist/BkskQciUW_FhNjEy
Подпишись, если хочешь быть в числе тех, кого зовут в топовые проекты!
Здесь ты найдёшь всё это — коротко, по делу и без воды.
Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты!
AI: t.iss.one/ai_machinelearning_big_data
Python: t.iss.one/pythonl
Linux: t.iss.one/linuxacademiya
Собеседования DS: t.iss.one/machinelearning_interview
C++ t.iss.one/cpluspluc
Docker: t.iss.one/DevopsDocker
Хакинг: t.iss.one/linuxkalii
Devops: t.iss.one/DevOPSitsec
Data Science: t.iss.one/data_analysis_ml
Javascript: t.iss.one/javascriptv
C#: t.iss.one/csharp_1001_notes
Java: t.iss.one/java_library
Базы данных: t.iss.one/sqlhub
Python собеседования: t.iss.one/python_job_interview
Мобильная разработка: t.iss.one/mobdevelop
Golang: t.iss.one/Golang_google
React: t.iss.one/react_tg
Rust: t.iss.one/rust_code
ИИ: t.iss.one/vistehno
PHP: t.iss.one/phpshka
Android: t.iss.one/android_its
Frontend: t.iss.one/front
Big Data: t.iss.one/bigdatai
МАТЕМАТИКА: t.iss.one/data_math
Kubernets: t.iss.one/kubernetc
Разработка игр: https://t.iss.one/gamedev
Haskell: t.iss.one/haskell_tg
Физика: t.iss.one/fizmat
💼 Папка с вакансиями: t.iss.one/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.iss.one/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.iss.one/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.iss.one/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.iss.one/addlist/mzMMG3RPZhY2M2Iy
😆ИТ-Мемы: t.iss.one/memes_prog
🇬🇧Английский: t.iss.one/english_forprogrammers
🧠ИИ: t.iss.one/vistehno
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://t.iss.one/addlist/BkskQciUW_FhNjEy
Подпишись, если хочешь быть в числе тех, кого зовут в топовые проекты!
❤3
🌊 Эффект жидкого стекла для React Native
Liquid Glass добавляет эффект жидкого стекла iOS 26 в приложения React Native. Позволяет настраивать цвета и использовать два режима эффекта: прозрачный и обычный. Идеально подходит для создания стильных интерфейсов.
🚀 Основные моменты:
- Эффект жидкого стекла для iOS 26
- Настраиваемые цвета и режимы
- Поддержка взаимодействия с элементами
📌 GitHub: https://github.com/callstack/liquid-glass
#javascript
Liquid Glass добавляет эффект жидкого стекла iOS 26 в приложения React Native. Позволяет настраивать цвета и использовать два режима эффекта: прозрачный и обычный. Идеально подходит для создания стильных интерфейсов.
🚀 Основные моменты:
- Эффект жидкого стекла для iOS 26
- Настраиваемые цвета и режимы
- Поддержка взаимодействия с элементами
📌 GitHub: https://github.com/callstack/liquid-glass
#javascript
❤4🥱1🥴1
This media is not supported in your browser
VIEW IN TELEGRAM
✨ Craft.js — React-фреймворк от prevwong для создания drag-and-drop редакторов страниц с полным контролем над UI и логикой.
● Построй свой редактор с нуля: компоненты, состояние, перетаскивание, JSON-экспорт/импорт
● Абсолютно гибкий
● Уже 8k+ ⭐ на GitHub и ~800 форков
● В разработке новая система Reka — позволит создавать компоненты с props и state как в настоящем React
👉 https://github.com/prevwong/craft.js
@react_tg
● Построй свой редактор с нуля: компоненты, состояние, перетаскивание, JSON-экспорт/импорт
● Абсолютно гибкий
● Уже 8k+ ⭐ на GitHub и ~800 форков
● В разработке новая система Reka — позволит создавать компоненты с props и state как в настоящем React
👉 https://github.com/prevwong/craft.js
@react_tg
❤🔥12❤1🔥1
Хотите научиться создавать привлекательные карточки товара без Bootstrap и готовых шаблонов?
📅 9 сентября в 20:00 МСК на открытом уроке мы разберём, как из базовых тегов и CSS-свойств собрать мини-проект, достойный портфолио. Вы увидите, как блок <article> превратить в интерактивную витрину: текст, изображение, кнопка «Купить» и эффекты при наведении.
❗️ Вы поймёте, какие CSS-свойства (margin, padding, background-color, border) отвечают за композицию, а :hover добавит лёгкую анимацию при наведении. В реальном времени создадим карточку, применим шрифты, цвета и узнаем, как обеспечить кросс-браузерность без библиотек и фреймворков.
Урок проходит в преддверие старта курса «JavaScript Developer. Basic» и все участники получат скидку на обучение.
👉 Запишитесь на открытый урок → https://otus.pw/bbqp/?erid=2W5zFJVTHZJ
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
📅 9 сентября в 20:00 МСК на открытом уроке мы разберём, как из базовых тегов и CSS-свойств собрать мини-проект, достойный портфолио. Вы увидите, как блок <article> превратить в интерактивную витрину: текст, изображение, кнопка «Купить» и эффекты при наведении.
❗️ Вы поймёте, какие CSS-свойства (margin, padding, background-color, border) отвечают за композицию, а :hover добавит лёгкую анимацию при наведении. В реальном времени создадим карточку, применим шрифты, цвета и узнаем, как обеспечить кросс-браузерность без библиотек и фреймворков.
Урок проходит в преддверие старта курса «JavaScript Developer. Basic» и все участники получат скидку на обучение.
👉 Запишитесь на открытый урок → https://otus.pw/bbqp/?erid=2W5zFJVTHZJ
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
❤2🖕1
This media is not supported in your browser
VIEW IN TELEGRAM
Pizza Loader
Это svg-картинка, которая анимируется при помощи библиотеки gsap.
https://codepen.io/chrisgannon/details/abaEbaG
#js
Это svg-картинка, которая анимируется при помощи библиотеки gsap.
https://codepen.io/chrisgannon/details/abaEbaG
#js
❤11👍4🔥4😐1
Фишингом угнали npm-аккаунт мейнтейнера qix и пушнули апдейты в 18 ключевых пакетов (chalk, debug, strip-ansi, color-convert и др.) — суммарно это ~2,6 млрд загрузок в неделю.
В обновления вставили браузерный крипто-«клиппер»: на сайтах/в приложениях с уязвимыми версиями он перехватывает трафик и подменяет адреса кошельков.
Скомпрометированные версии — удалить немедленно из всех сред (локальные машины разработчиков, CI/CD, прод):
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
▪Удалить уязвимые версии из дерева зависимостей, пересобрать и задеплоить исправления.
▪Проверить 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
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9👍5🔥3❤🔥1
📚Gramax: Документация как код
Gramax — это бесплатное приложение для создания, редактирования и публикации документации в формате Markdown. Оно обеспечивает гибкость и доступность оффлайн, а также интеграцию с Git для контроля версий и совместной работы. Идеально подходит для продуктовой документации, внутренних баз знаний и личных заметок.
🚀Основные моменты:
- Интуитивный визуальный редактор для Markdown
- Кроссплатформенное приложение для Windows, Mac и Linux
- Локальное хранение файлов в формате Markdown
- Поддержка 17 языков для создания документации
- Интеграция с Git для коллаборации и контроля версий
📌 GitHub: https://github.com/Gram-ax/gramax
Gramax — это бесплатное приложение для создания, редактирования и публикации документации в формате Markdown. Оно обеспечивает гибкость и доступность оффлайн, а также интеграцию с Git для контроля версий и совместной работы. Идеально подходит для продуктовой документации, внутренних баз знаний и личных заметок.
🚀Основные моменты:
- Интуитивный визуальный редактор для Markdown
- Кроссплатформенное приложение для Windows, Mac и Linux
- Локальное хранение файлов в формате Markdown
- Поддержка 17 языков для создания документации
- Интеграция с Git для коллаборации и контроля версий
📌 GitHub: https://github.com/Gram-ax/gramax
❤5🥴4🔥1
🚀 GrowChief — open-source инструмент для автоматизации соцсетей
Теперь у вас есть бесплатная альтернатива PhantomBuster и Expandi.
✨ Что умеет:
- Запускать workflow-и: добавления в друзья, сообщения, любые действия в соцсетях
- Поддержка n8n, Zapier, Make
- «Человеческая» автоматизация — имитация движений мыши, чтобы не спалиться
- Enrichment waterfall — находит аккаунт по email или другим данным
- Запуск только в рабочие часы
- Поддержка прокси и headful-режима браузера
🛠 Технический стек: React + NestJS + Prisma + Temporal, база — PostgreSQL.
Лицензия: AGPL-3.0.
📦 Quick Start:
https://github.com/growchief/growchief
Теперь у вас есть бесплатная альтернатива 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
🔥7❤5👍2
Свежий опенсорс инструмент, который берёт любой сайт и превращает его в готовое React-приложение за минуту — Open Lovable v2
Построен на базе Firecrawl, поддержка разных LLM, песочницы E2B и Vercel. Короче, идеально для прототипов.
Забираем тут
@react_tg
Построен на базе Firecrawl, поддержка разных LLM, песочницы E2B и Vercel. Короче, идеально для прототипов.
Забираем тут
@react_tg
GitHub
GitHub - firecrawl/open-lovable: 🔥 Clone and recreate any website as a modern React app in seconds
🔥 Clone and recreate any website as a modern React app in seconds - firecrawl/open-lovable
🔥11👍4❤2🍌1
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS 💡
Возможно, ты не знал, что можно задать и min-width, и width всего одной строкой кода в CSS
@react_tg
Возможно, ты не знал, что можно задать и min-width, и width всего одной строкой кода в CSS
@react_tg
👍20❤5😁4🥴4🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Крутой плагин для Figma, который конвертирует ваши дизайны сразу в приложения на HTML, CSS или React.
Итоговый результат можно экспортировать Replit, запустить или подредачить код.
И да, это БЕСПЛАТНО.
Итоговый результат можно экспортировать Replit, запустить или подредачить код.
И да, это БЕСПЛАТНО.
👍16🔥2🤔1🐳1