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

Как работает flushSync? Что делает метод flushSync() в React? Забыли? Вернитесь к посту от 31.03.2025. 👉 @sWebDev

NProgress NProgress — миниатюрная библиотека для добавления индикатора загрузки в верхней части веб-страницы. Позволяет визуально показать прогресс загрузки или выполнения задачи. 👉 @sWebDev

Particle Flow Пример скролл-анимации на GSAP и Three.js. 👉 @sWebDev

Адаптивное видеостриминг с использованием Dash.js в React Стандартный видеоплеер в браузере часто не справляется с разной скоростью интернета пользователей, вызывая паузы и зависания. Статья показывает, как решить эту проблему с помощью адаптивного битрейт-стриминга (ABR) на основе Dash.js. Автор объясняет, как настроить сегментирование видео, использовать FFmpeg и интегрировать Dash.js в React-приложение, чтобы обеспечить плавное воспроизведение при любом соединении. 👉 @sWebDev

Dynamic Circle Visualizer Настраиваемая анимация кругов на Three.js. 👉 @sWebDev

Большая онлайн-конференция UserGate OpenConf ⚡ ИТ-конференция про защиту в открытую. Диалог между заказчиками, партнерами, экспертами и специалистами в сфере продуктов, технологий и услуг информационной безопасности. Зарегистрироваться #реклама openconf.usergate.com О рекламодателе

Embla Carousel Embla Carousel — JavaScript-библиотека для создания слайдеров и каруселей с минимальным размером и поддержкой сенсорных экранов. Не имеет зависимостей и настраивается через чистый JavaScript API. 👉 @sWebDev

Когда джун слишком честный на презентации… 👍 – Лучше клиент узнает сразу! ❤️ – Джун больше не ходит на демо. 👉 @sWebDev | #юмор

Cosmic Journey Настраиваемая анимация черной дыры на Three.js. 👉 @sWebDev

Высшее образование онлайн — поменяйте жизнь в 2025 году! ✅Набор в апреле: от 6700 ₽/мес.* Московский технологический институт предлагает: — Высшее образование в московском вузе без выезда на сессии — Полностью дистанционный онлайн-формат — Возможность обучаться дома, на работе, в путешествии — Диплом государственного образца — Более 60 направлений на выбор (IT, инженерные, экономические, педагогические, управленческие и другие) — 5 способов оплаты обучения — Поддержка персонального куратора: от поступления до получения диплома Узнать больше #реклама 16+ mti-vuz.ru О рекламодателе

Прямой доступ к DOM-элементам Метод findDOMNode() в React предоставляет прямой доступ к реальному DOM-узлу компонента. Обычно его применяют в старых компонентах или библиотеках, где нет возможности использовать рефы. Несмотря на удобство, findDOMNode() считается устаревшим из-за ограничений и потенциальных конфликтов с React Strict Mode. Этот метод нельзя использовать в функциональных компонентах и компонентах, созданных с помощью React.forwardRef(). Команда React рекомендует вместо него использовать React.createRef() или хук useRef(), так как они безопаснее и более совместимы с современным подходом React. Пример:

import React from 'react';
import { findDOMNode } from 'react-dom';

class LegacyComponent extends React.Component {
  componentDidMount() {
    const node = findDOMNode(this);
    node.style.color = 'blue';
  }

  render() {
    return <div>Прямой доступ к DOM!</div>;
  }
}

👉 @sWebDev

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

Пакетное обновление и flushSync() Как изменяется поведение пакетного обновления при использовании flushSync()? Забыли? Вернитесь к посту от 24.03.2025. 👉 @sWebDev

Alpaca Forms Alpaca Forms - это JavaScript библиотека для генерации веб-форм. Он позволяет создавать формы динамически, используя JSON-схемы. Поддерживает различные типы полей, правила валидации и темы оформления. 👉 @sWebDev

Бесплатное льготное обучение: 3 месяца Ищем людей, которые хотят обучиться и работать в IT-сфере из дома В конце обучения вы пройдете стажировку и устроитесь на работу с зп от 150.000 рублей Образование, место жительства, трудовой стаж — не важны! Для старта нужно: — пройти короткий тест — заполнить анкету На что можно рассчитывать, после обучения: ✅ удаленная работа ✅ зп от 150.000 рублей (потолка нет) ✅ стабильная подработка, если не хотите уходить с основной работы ⚡ Осталось всего 47 бесплатных мест. Успейте пройти тест и оставить заявку: Узнать больше #реклама 16+ technolium.ru О рекламодателе

Threejs Explorations Настраиваемая анимация, сочетающая морфинг и триггер на прокрутку, реализована на базе Three.js для 3D-рендеринга и GSAP для покадровой анимации. 👉 @sWebDev

Анализ работы серверных компонентов (RSCs) React Статья предлагает глубокий анализ принципов работы серверных компонентов React, рассматривая процессы рендеринга, взаимодействие с клиентскими компонентами и влияние на производительность. Прочитав ее, вы получите полное представление об RSC и сможете лучше применять их для оптимизации ваших React-приложений. 👉 @sWebDev

Realistic Milky Water Настраиваемый эффект ряби на воде, реализованный с помощью Three.js. 👉 @sWebDev