Какие-то уроки [Frontend]

🏥 React Doctor Нашел сейчас полезную тулзу. Это CLI утилита, которая статически анализирует ваш React/Next код (типа линтера, но с "агентными" советами) и показывает баги/антипаттерны в проекте - Проблемы безопастности - Лишние ре-рендеры - Лишние useEffect - Забытые отписки от событий или таймеров - Проблемы с доступностью - Prop drilling вместо context или композиции Запустите в терминале, чтобы проверить свой проект: npx -y react-doctor@latest Источник: https://www.react.doctor/ #react #библ...

Поставил себе недавно условие: Один час перед работой обучаюсь новым технологиям, пропустил - удвоил Сегодня я буду заниматься 4 месяца. П*зда (

🐢 Упрощаем отладку анимаций Slowmo - небольшая утилита, которая замедляет/ускоряет анимации, чтобы их можно было детально посмотреть Работает с: - CSS анимациями (@keyframes, :hover) - requestAnimationFrame - Web Animation API - Video Подключаете в корне проекта: import slowmo from "slowmo" slowmo(0); // Пауза slowmo(0.5); // Половина slowmo(1); // Обычная slowmo(2); // х2 Или через Chrome расширение: https://chromewebstore.google.com/detail/slowmo/mofjcfdoeioofnpbhipdjmldfokfndoa Источник: htt...

🍭 Popover API или Dialog API? Недавно же поповеры и диалоги вышли. А в чем разница? Какой и когда использовать? Нашел тут статью, где можно об этой почитать Коротко: • Popover API - упрощает создание всплывающих элементов • Dialog API - лучше подходит для модальных окон P.S. В комментарии скинул сжатый перевод от ГПТ этой статьи на русском (хз насколько вам зайдет нейроперевод, но выглядит хорошо) Источник: https://css-tricks.com/popover-api-or-dialog-api-which-to-choose #html

‼️Требуется Backend Developer в большую компанию 🚨 Что нужно будет делать: - мыть полы после посетителей - раскладывать товар на полки - проверять сроки годности - драться с воришками

У меня сегодня ДР, поэтому в честь данного события запрещаю вам только СЕГОДНЯ оскорблять бэкендеров

🫨 Haptic Нашел прикольную и залипательную библиотеку web-haptics Это маленькая JS-библиотека, которая имитирует чувство прикосновения через вибрацию и звук То есть вместо navigator.vibrate([10, 20, 10]); можно использовать haptics.success() У библиотеки уже куча готовых паттернов, а еще очень залипательный сайт Рекомендую зайти и потыкать: https://haptics.lochie.me/ Работает с React, Vue, Svelte: import { useWebHaptics } from "web-haptics/react"; const { trigger } = useWebHaptics(); <button onC...

Телеграм - это единственная соц. сеть, где каждый новый пост не прибавляет подписчиков, а уменьшает их. ПИЗДЕЦ )))))))

Коты тоже залипли 😁