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

Создание WYSIWYG-редактора на React и Draft.js Попытка построить свой редактор на contenteditable часто заканчивается борьбой с непредсказуемым поведением браузеров. Статья показывает, как фреймворк Draft.js помогает навести порядок в этом хаосе. В ней разбирается структурированный подход к управлению состоянием редактора, обработке стилей и созданию плагинов, который позволяет построить надёжный и расширяемый WYSIWYG-инструмент. 👉 @sWebDev

Night Highway Анимация ночной дороги на Three.js. 👉 @sWebDev

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

Swapy Заставить элементы в списке плавно меняться местами при перетаскивании может быть непросто. Библиотека Swapy создана специально для реализации такого drag-to-swap поведения и не зависит от фреймворков. Она берёт на себя всю сложную логику обработки событий и анимаций, чтобы вы могли добавить интуитивный обмен элементов в любой список или сетку. 👉 @sWebDev

Все секреты HR в одном месте HR Tech от VK — это ваш ежедневный помощник в мире HR: ✅Реальные кейсы внедрения решений для автоматизации HR; ✅Вебинары с экспертами; ✅ Анализ трендов отрасли; ✅ Советы по автоматизации процессов. ⚡ Присоединяйтесь, чтобы быть в курсе всего, что поможет вам расти и развивать компанию. Подписаться #реклама 16+ О рекламодателе

Умение правильно гуглить — это 50% успеха в работе программиста. Умение вспомнить, как ты гуглил, — остальные 50%. 👍 — Это хороший повод выработать привычку сразу сохранять в закладки или в базу знаний полезные ссылки. ❤️ — Скоро AI будет искать за нас, и этот навык отомрет, как умение писать на ассемблере. 👉 @sWebDev | #юмор

🎯Podlodka React Crew #3 — сезон о паттернах и практиках фронтенда Как писать продуманный и масштабируемый фронтенд с помощью React? Какие паттерны реально работают, а какие — мода ради моды? В новом сезоне Podlodka React Crew обсуждаем архитектуру, производительность, нестандартные layout'ы, системный подход к интервью и многое другое. 📌 В программе: • Паттерны анимаций с View Transition API • Проверка AI-ассистентов на реальных задачах • Глубокое погружение в архитектуру React Hooks • Практика layout'ов вне CSS Grid и Flexbox • System Design для фронтендера: как не завалить интервью 💡Все доклады — с практикой, кейсами и интерактивом. 📆 Реактим с 25 по 29 августа. Бегом за билетами: http://podlodka.io/reactcrew

Rain Настраиваемая анимация дождя на Three.js. 👉 @sWebDev

Получите IT профессию с официальным ДОКУМЕНТОМ! Не просто курсы – а полноценное образование с дипломом о профессиональной переподготовке или удостоверением о повышении квалификации, внесенным в Росреестр! Выбирайте направление: -Web-разработчик -Инженер MikroTik -Специалист по AI и машинному обучению -Сетевой инженер -Linux-администратор -Python-программист -DevOps-инженер -Администратор Windows Server -Специалист по слаботочным сетям (СКС) Ваши гарантии: ✅Законный документ о квалификации ✅Право на ведение профдеятельности ✅Весомое преимущество при трудоустройстве ✅Поддержка ментора ✅Дистанционное обучение Инвестируйте в будущее – получите не только знания, но и официальную профессию! Перейти на сайт #реклама 16+ dms-it.ru О рекламодателе

Отслеживание значения с условием Базовый хук usePrevious можно уточнить, добавив выборочное сохранение. Такой хук принимает вторым аргументом предикат-функцию, которая решает, нужно ли обновлять "предыдущее" значение. Внутренний ref хука изменится только при положительном ответе предиката. Это позволяет отслеживать не последнее значение, а последнее, подошедшее под определенное правило.

import { useEffect, useRef } from 'react';

function useConditionalPrevious<T>(
  value: T,
  predicate: (prev: T, current: T) => boolean
) {
  const previousRef = useRef<T>();
  const currentRef = useRef<T>(value);

  useEffect(() => {
    if (predicate(currentRef.current, value)) {
      previousRef.current = currentRef.current;
    }
    currentRef.current = value;
  }, [value, predicate]);

  return previousRef.current;
}

👉 @sWebDev

Как мы делаем СУБД Pangolin DB? Привет! На связи команда разработки СУБД Platform V Pangolin DB. Мы делаем полезное сообщество для всех профессионалов из мира СУБД и всех, кому интересен наш продукт. Пишем о том, как делаем Pangolin, разбираем ваши кейсы в чате, помогаем решать рабочие задачки, зовем на бесплатные вебинары и митапы, проводим квизы про базы данных, разбираем английский сленг, а еще у нас есть вакансии и идеи для хобби айтишников... Подпишитесь, у нас как раз много нового! Подписаться #реклама О рекламодателе

Представьте, что это случилось. На что вы потратите освободившееся время? 👍 — Наконец-то разберу свой бэклог из курсов, книг и собственных проектов. ❤️ — Буду лежать и деградировать с удовольствием. 🤔 — Попробую найти новую работу, которую ИИ пока не заменил. 👉 @sWebDev | #юмор

Получи грант до 1,2 млн руб. на обучение в магистратуре 4 офлайн программы, онлайн-магистратура по ML. Гранты до 1,2 млн руб. Стажировки, диплом гос. образца и фокус на твоей карьере в ЦУ Подать заявку #реклама 16+ apply.centraluniversity.ru О рекламодателе

Определение типа Что представляет собой тип ReactElement в контексте React? Забыли? Вернитесь к посту от 21.07.2025. 👉 @sWebDev

Atropos.js Интерактивные элементы часто выглядят плоскими и не привлекают внимание. Atropos.js решает эту проблему, создавая трёхмерный параллакс-эффект при наведении курсора. Библиотека помогает добавить глубину карточкам, баннерам и другим блокам, делая интерфейс более живым и запоминающимся. 👉 @sWebDev

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

Metaballs hero section with ThreeJS Анимация объектов с эффектом магнетизма на Three.js. 👉 @sWebDev

Получите скидку до 24 800 рублей на обучение в колледже. Идет набор в колледж на дистнационные программы обучения: - поступление без ЕГЭ и ОГЭ - обучение онлайн из любой точки мира - государственная лицензия и аккредитация - более 30 актуальных профессий - диплом гос. образца по итогу обучения - от 22 000 рублей за семестр - собственная обучающая платформа - более 30 лет в сфере образования Сертификат предоставляется до конца текущего месяца на любую программу подготовки высшего и среднего профессионального образования «Высшей школы предпринимательства» * Сумма сертификата зависит от выбранного уровня образования. Участников на сертификат и отбор определяет приемная комиссия на конкурсной основе. Успейте подать заявку до конца месяца , количество мест ограничено. Перейти на сайт #реклама 16+ dist-college.vshp.online О рекламодателе

Как React Fiber улучшает производительность рендеринга Когда приложение React начинает «тормозить» при больших обновлениях, проблема часто кроется в блокировке основного потока. Статья подробно объясняет, как архитектура React Fiber решает данную проблему. Разбирается, как Fiber позволяет разбивать рендеринг на части и приостанавливать его, чтобы интерфейс оставался отзывчивым. Понимание этого механизма помогает писать более производительный код. 👉 @sWebDev