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

Назначение useMutableSource в React Какой из следующих вариантов является правильным описанием того, что делает хук useMutableSource? 👉 @sWebDev

AutoLayout.js AutoLayout.js - это библиотека для автоматического размещения элементов на странице в JavaScript. Она основана на системе Auto Layout, используемой в iOS и macOS. 👉 @sWebDev

Мы нашли для вас крутой курс по заработку на рекламе! Хотите сменить работу на высокооплачиваемую? Или получать доп. доход +100тр/мес к основной работе? Первые 5-10тр можно заработать уже после 3 дней обучения! 3-дневный курс - Бесплатный! Да, там есть еще платная программа подготовки специалистов. Но это уже вам решать. Первый заработок можно получить, научившись настраивать рекламу в Яндексе. На это нужно всего 3 дня. И это бесплатно! Внимание! Курс не для всех: если у вас нет компа или ноутбука. Вы не умеете пользоваться компом и не хочтите этому обучиться. Тогда просто пролистните. Если с пользованием ПК у вас - не менее среднего, то 90%, что все получится! - Бесплатно обучат - Дадут базу - Научат зарабатывать - Помогут начать - Выдадут сертификат Без вложений! С полного нуля! Жмите сюда! Узнать больше #реклама academymarketing.ru О рекламодателе

Anime.js V3 logo animation Анимация логотипа на Anime.js. 👉 @sWebDev

Частично управляемые компоненты React: шаблон проектирования для предоставления пользователю контроля над состоянием компонента В статье рассматриваются различные варианты реализации частично управляемых компонентов, а также их преимущества и недостатки. Автор предлагает новый API для частично управляемых компонентов, который позволяет разработчикам более явно определять, какие аспекты состояния компонента должны быть под контролем пользователя. 👉 @sWebDev

Confetti Cannon Анимация движения и падения конфетти на Greensock.js. 👉 @sWebDev

Spectral.js Spectral.js — это библиотека смешивания цветов, которая учитывает свойства света. Если вы смешиваете два цвета с помощью простых значений RGB, вы можете получить некрасивые промежуточные цвета. 👉 @sWebDev

Станьте UX/UI-дизайнером в Contented Не учитесь UX/UI-дизайну. Получайте опыт в нем! С нуля. В новом году. В декабре вас ждет: - скидка до 60% - модуль по нейросетям и курс английского в подарок - отсрочка платежа Подать заявку #реклама contented.ru О рекламодателе

Современный подход к созданию Angular-приложений Статья о современном подходе к разработке на Angular с использованием Bit.io, что позволяет разработчикам централизованно хранить компоненты и в следствии упрощает их совместное использование и разработку. 👉 @sWebDev

Happy New Year 2023 Анимированная новогодняя открытка на Anime.js. 👉 @sWebDev

🔥Тест по JavaScript от OTUS 🔥 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional» 👉 ПРОЙТИ ТЕСТ https://otus.pw/jrws/ 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами JavaScript-сообщества ✔️ Получите видеокурс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional» 🎄Курс стартует 25 декабря и вы можете попасть в группу по новогодней скидке 20% Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid: 2SDnjc7BjFW

Настройка ссылки, возвращаемой компонентом при использовании хука useRef() Хук React, который позволяет настроить ссылку, возвращаемую компонентом при использовании хука useRef(). При использовании useRef() по умолчанию ссылка возвращает экземпляр компонента, к которому она прикреплена. Однако иногда требуется вернуть другой объект или функцию. Для этого можно использовать useImperativeHandle(). Например, следующий код создает компонент, который возвращает кнопку с настраиваемой функцией фокусировки:

function FancyButton(props, ref) {
  const buttonRef = useRef();

  useImperativeHandle(ref, () => ({
    focus() {
      buttonRef.current.focus();
    },
  }));

  return (
    <button ref={ref}>
      Fancy Button
    </button>
  );
}

👉 @sWebDev

💪 Создайте полноценный чат на JavaScript с нуля 👉 И доведите проект до совершенства на бесплатном практическом уроке «Работа с сетевыми ресурсами в проектах на Javascript» от OTUS. Мы возьмем проект с предыдущего урока и: - доработаем его до полноценного чата, чтобы пользователи с разных компьютеров могли общаться друг с другом; - обсудим, какие варианты реализации общения с сервером у нас есть и попробуем их на практике. 📌 Занятие пройдёт 21 декабря в 20:00 мск в рамках курса «Специализация Fullstack developer». После урока вы сможете продолжить обучение в рассрочку. 👉 Для бесплатного участия регистрируйтесь прямо сейчас: https://otus.pw/onzb/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru Erid: 2SDnjdmwRkt

WebAssembly: короткий обзор ассемблера для фронтенда В последнее время фронтенд все больше и больше обрастает новыми технологиями, одна из них — WebAssembly. На ней можно написать полноценное web‑приложение и почти все на что способна ваша фантазия. В статье мы рассмотрим, что такое WebAssembly, как работает и с чем её едят. 👉 @sWebDev

React: реализация якорей Какой из следующих методов можно использовать для реализации якоря в React? 👉 @sWebDev

Text scroll and hover effect with GSAP and clip Анимированный скролл на GSAP.JS. 👉 @sWebDev

Haunted.js Haunted.js - библиотека JavaScript, которая предоставляет API для создания интерактивных пользовательских интерфейсов (UI) с использованием Web Components. Она основана на API React Hooks, что делает ее простой в использовании и эффективной. 👉 @sWebDev

Улучшение DX с помощью новой трансформации значений входных свойств @Input в Angular Статья рассказывает о новой функции Angular 17, которая позволяет трансформировать значения входных свойств компонентов. В Angular 16 и более ранних версиях значения входных свойств компонентов просто копируются из шаблона в компонент. Это может привести к проблемам, если значение свойства необходимо преобразовать перед использованием. Например, если входное свойство должно быть строкой, но пользователь вводит число, то значение будет преобразовано в строку автоматически, но может быть неверным. Angular 17 добавляет возможность преобразования значений входных свойств с помощью декоратора @Input(). Для этого необходимо передать декоратору функцию, которая будет выполнять преобразование. 👉 @sWebDev