Frontender Libs - обзор библиотек JS / CSS

Как зарабатывать удаленно с нейросетями? Присоединяйся! Подпишись прямо сейчас, чтобы не потерять: Свежие обзоры нейросетей, которые реально работают — без лишнего хайпа и воды, только проверенная информация, которую можно использовать для заработка. Пошаговые видео-уроки, после которых всё станет понятно — научитесь быстро осваивать новые профессии и автоматизировать рутинные задачи. Как находить клиентов, готовых платить дорого — секреты эффективного поиска заказов и построения стабильного потока заказов. Автоматизация работы — научитесь выполнять 2-часовую работу за 20 минут без выгорания, автоматизируя рутину с помощью нейросетей. Дополнительный доход — узнаете, как зарабатывать в свободное время, не уходя с основной работы или учебы. Подписаться #реклама 16+ О рекламодателе

Профдеформация? 👍 — Да, при удаленной работе стираются границы между профессиональной и личной коммуникацией. ❤️ — Следующий этап - отправит ей в личку ссылку на Google Calendar, чтобы «засинкаться». 👉 @sWebDev | #юмор

Interactive Particles Hero Фоновая интерактивная анимация на Three.js. 👉 @sWebDev

Высшее образование дистанционно в Московском ВУЗе Вы мечтаете получить высшее образование, но не сдали ЕГЭ или получили низкие баллы? У нас есть решение для вас! Институт Международных Экономических Связей предлагает дистанционное обучение , которое позволяет получать качественные знания из любой точки мира по 10+ направлениям обучения. ✅ Государственный диплом без отметки о дистанте ✅ Удобный личный кабинет студента ✅ Поддержка кураторов на каждом этапе обучения ✅ Можно поступить без ЕГЭ Узнать больше #реклама 16+ imes.su О рекламодателе

Синхронизация состояния компонента с URL Кастомный хук useQueryState инкапсулирует логику синхронизации состояния с URL-параметрами. Данный подход объединяет useState и useSearchParams, очищая код компонента и беря начальное значение из URL. Для обновления применяется useLayoutEffect, гарантируя изменение адресной строки до отрисовки браузером и исключая визуальную рассинхронизацию.

import { useState, useLayoutEffect } from 'react';
import { useSearchParams } from 'react-router-dom';

function useQueryState(queryKey, initialValue) {
  const [searchParams, setSearchParams] = useSearchParams();
  
  const [value, setValue] = useState(
    searchParams.get(queryKey) ?? initialValue
  );

  useLayoutEffect(() => {
    const newParams = new URLSearchParams(searchParams);
    newParams.set(queryKey, value);
    setSearchParams(newParams);
  }, [value, queryKey, searchParams, setSearchParams]);

  return [value, setValue];
}

👉 @sWebDev

Онлайн-магистратура с IT специальностями от Яндекса Совместно с ИТМО, МИФИ, МФТИ. Онлайн-магистратура с актуальными программами и гибким графиком обучения. Получите высокооплачиваемую IT профессию, официальный диплом и практические знания. Господдержка оплаты. Совмещение с работой! Подать заявку #реклама 16+ О рекламодателе

На самом деле, это не баг, а state-of-the-art UX. Система предугадывает код и показывает его вам заранее. 👍 — Несомненно. ❤️ — Скоро и пароль так же будут показывать, чтобы не забыл. 👉 @sWebDev | #юмор

Гайд МТС Линк для CCO по эффективным вебинарам Как коммерческим директорам системно развивать продажи и маркетинг без лишних затрат на перёлеты тренеров, расширения команды и ФОТ? Гайд МТС Линк — чек-листы, кейсы и подходы для управления продажами и маркетингом с помощью вебинаров. ✅ В гайде: - Как правильно использовать онлайн-мероприятия для продвижения продуктов компании; - Как увеличить конверсию из участника мероприятия в лид с помощью данных о поведении зрителей; - Как сократить расходы на организацию внутреннего обучения без потери качества и вовлечения; - Как оценить вклад онлайн-мероприятия в продвижение компании и правильно обработать лиды. Бонус внутри: Чек-лист c инструментами для продвижения вебинара. ✨ Скачайте гайд бесплатно по ссылке Скачать #реклама 16+ mts-link.ru О рекламодателе

Функция хука Что делает useSyncExternalStoreWithSelector()? Забыли? Вернитесь к посту от 23.06.2025. 👉 @sWebDev

Lingui.js Lingui.js — библиотека для интернационализации (i18n) JavaScript-приложений. Использует стандарт ICU MessageFormat для работы со сложными правилами множественного числа и родов. Включает инструменты для извлечения сообщений из кода. Подойдёт для проектов, где требуется гибкая система локализации. 👉 @sWebDev

Регистрируйтесь на Yandex Ecom Open Air 8 августа Море инсайтов для бизнеса, музыкальный open-air, лекции и нетворкинг. Участие бесплатно! Зарегистрироваться #реклама 18+ ecomfest.ru О рекламодателе

Ripple effect Интерактивный эффект ряби на воде на Three.js. 👉 @sWebDev

Методичка: как сделать онлайн-встречи эффективнее Надоело ждать коллег, которые постоянно забывают о встречах, а отсутствие повестки и потерянные договоренности мешают нормально работать? Команда МТС Линк собрала на 37 страницах полезные материалы, чек-листы и кейсы, которые помогают компаниям проводить эффективные совещания в онлайне с помощью сервиса Встречи. Из методички узнаете: - Как создать постоянную ссылку и подключаться на встречи в 2 клика, - Как делать заметки и работать с файлами, не переживая за качество связи и безопасность данных. - Как облегчает жизнь ИИ, который расшифровывает созвоны в текст и автоматически отправляет расшифровку на почту. Еще в методичке описаны 7 способов оценки текущей эффективности ваших онлайн-встреч. Получить гайд можно бесплатно на сайте. Скачать #реклама 16+ mts-link.ru О рекламодателе

Почему Error Boundaries в React — это не просто try...catch Многие разработчики считают Error Boundaries аналогом try...catch, но это заблуждение приводит к ошибкам в обработке сбоев. В статье разбирается, почему эти механизмы принципиально разные и в каких случаях стандартный try...catch бессилен. 👉 @sWebDev

Шаровая молния Настраиваемая интерактивная анимация шаровой молнии на Three.js. 👉 @sWebDev

Two.js Two.js — JavaScript-библиотека для 2D-рисования, которая предоставляет единый API для рендеринга в SVG, Canvas и WebGL. Упрощает создание и управление векторными фигурами и сценами. Подойдёт для создания интерактивной инфографики, визуализаций данных и процедурной графики. 👉 @sWebDev

Получи грант на обучение в Центральном университете Несгораемый грант до 2 800 000 Р на учебу в бакалавриате Центрального университета. Подробнее о гранте: – Покрывает до 100% стоимости обучения – Выдается на все 4 года обучения в вузе – Сумма гранта не уменьшается, а может увеличиться за дополнительные достижения и успехи в учебе. Для учеников 10-х и 11-х классов. Участвуй в отборе! Подать заявку #реклама apply.centraluniversity.ru О рекламодателе

Как называется, когда ты следуешь инструкции, но совершенно не понимаешь ее смысла? 👍 — Это "главный признак джуна" — способность превратить решение на 5 минут в увлекательное трехдневное приключение. ❤️ — Называется «скопировал со Stack Overflow и надеюсь, что сработает». 👉 @sWebDev | #юмор

📢 VK Dev Grants: программа для разработчиков под VK Mini Apps. Думаешь над своим пет-проектом, но не знаешь с чего начать? Грантовая программа от VK Mini Apps поможет с этим. За три этапа вы проработаете концепт своего приложения, выведете его на многомиллионную аудиторию и можете получить средства на его продвижение. Что предлагают: — Финансирование до 1 млн ₽ — Поддержка, продвижение, консультации от команды VK — Аудитория в 45 млн активных пользователей Этапы: 1️⃣ Идея (прием заявок до 31.07) — 50 000 2️⃣ Релиз с монетизацией (до 5.10) — 150 000 3️⃣ Прокачка и рост (до 30.11) — до 800 000 + номинации 🛠 Направления: игровые сервисы, социальные сервисы и инструменты для авторов ВКонтакте. Можно подаваться индивидуально или командой. Проекты должны быть новыми (зарегистрированы не ранее 2 июля 2025). ⏳ Подавай заявку до 31 июля.