Классный стильный toast-компонент для React. По ощущениям он немного напоминает iOS Dynamic Island для уведомлений: плавный, цепляет внимание и выглядит чисто "из коробки"

https://github.com/hiaaryan/sileo

➡️ @FrontendPortal

А вы знали, что в Chrome DevTools есть Live Expressions?

В консоли нажмите на иконку «👁», чтобы создать Live Expression. Она автоматически пересчитывает ваше JavaScript-выражение примерно каждые ~250 мс.

Суперудобно, чтобы отслеживать:

- изменения переменных
- состояние DOM
- таймеры
- позицию скролла
- метрики FPS

➡️ @FrontendPortal

Вышла тулза React Doctor, которая проверяет ваш React-код на наличие анти-паттернов:

- Лишние useEffect
- Проблемы с доступностью
- Prop drilling вместо context / композиции

Запускается как CLI или как агент-скилл. Повторяйте запуск, пока всё не пройдет проверки. Полностью опенсорс

Запустите в терминале, чтобы попробовать:

npx -y react-doctor@latest

➡️ @FrontendPortal

Когда они это добавили?

Теперь в Chrome DevTools отображаются вычисленные пошаговые значения для css calc() + переменных.

Отладка стала в 100 раз проще

➡️ @FrontendPortal

Быстрый способ улучшить поведение текста в приложении — использовать text-wrap: balance. Это свойство равномерно распределяет текст по строкам, избегая "висячих" слов

Поддержка ограничена небольшим количеством строк (примерно <6–10 в зависимости от браузера), поэтому лучше всего применять его для заголовков или коротких абзацев

➡️ @FrontendPortal

Денис из комьюнити @its_capitan запустил собственную детективную игру в одиночку: каждый персонаж — это реальный Telegram-аккаунт, AI отвечает за героев, улики (сайты, карты) — всё настоящее.

Что в итоге:
🔘 3 месяца на подготовку + 3 месяца на разработку
🔘 40+ покупок за полтора месяца
🔘 выручка — $1500+
🔘 чек — $40
🔘 стек: Python, Telegram API, OpenAI + Anthropic

Без команды и инвестиций, но с классной идеей и проработанным сценарием — проект уже зарабатывает деньги.

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

➡️ @its_capitan

Подписывайтесь, если интересно, как делать маленькие IT-проекты с доходом и без иллюзий.

Реклама: ИП Зуев Игорь Владимирович, ИНН: 360408359441, Erid: 2VtzquWmhY8

Это значительно упрощает отладку веб-анимаций

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

Особенно полезно для:
- Отладки CSS-анимаций
- Тонкой настройки таймингов transition’ов
- Изучения качественно проработанной UI-анимации
- Поиска и исправления странных багов и глитчей в анимации

https://slowmo.dev/

➡️ @FrontendPortal