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

Любите "наводить красоту" в своем коде? 👍 - Да. ❤️ - Нет, код — это про функциональность. 🤔 - Иногда, если есть время. 👉 @sWebDev | #юмор

Назначение AnimationBuilder Для чего используется сервис AnimationBuilder в Angular? Если забыли, то вернитесь к посту от 09.12.2024. 👉 @sWebDev

Detect.js Detect.js — библиотека для определения типа устройства, браузера, версии операционной системы и других характеристик клиента. Это полезно для адаптации интерфейса под разные платформы или для отображения специфического контента. 👉 @sWebDev

Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специалистов. Теперь любой желающий может попробовать себя в IT с полного нуля и начать обучение бесплатно! Узнайте про дальнейшее трудоустройство в ведущие IT-компании для восполнения кадрового дефицита. Для этого нужно: - Перейти по ссылке - Заполнить анкету и ответить на вопросы (занимает менее 3 минут) - На основании ваших ответов вы сразу узнаете, подходит ли вам сфера IT и сможете ли вы в ней работать Перейти на сайт #реклама 16+ urban-university.ru О рекламодателе

Interactive Christmas Tree Интерактивная новогодняя елка на Three.js. 👉 @sWebDev

Как настроить автофокус с помощью React Hooks В статье объясняется, как с помощью React Hooks легко добавить автофокус на элементы формы. На простых примерах показано, как использовать useRef, чтобы сделать интерфейс удобнее и отзывчивее. 👉 @sWebDev

Snowfall! Анимация курсора в виде шлейфа снежинок на GSAP. 👉 @sWebDev

Wow.js Wow.js — это JavaScript-библиотека, которая добавляет анимации элементам страницы при прокрутке. Она автоматически выявляет элементы, которые попадают в видимую область окна браузера, и применяет к ним CSS-анимации. 👉 @sWebDev

Работаете ли вы быстрее над проектом в команде? 👍 - Да, работать вместе отлично. ❤️ - Нет, это замедляет процесс. 🤔 - Насчет скорости не знаю, зато не скучно! 👉 @sWebDev

Glowing Snowflake Animation Анимация снежинки на GSAP. 👉 @sWebDev

Бесплатный курс по дизайну в FIGMA Онлайн-программа с наставником и чатом. Осторожно! 80% практики. По результату обучения у вас будет портфолио из нескольких работ. Сертификат о прохождении курса. Возможность пройти полное обучение и получить гарантированное трудоустройство! Учитесь дизайну у профессионалов. Переходи по кнопки: "Узнать больше" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

Реактивные формы с AbstractControl в Angular AbstractControl — это базовый класс для всех контролов. Он предоставляет методы и свойства, которые позволяют управлять состоянием, валидацией и зависимостями полей формы. Пример:

import { FormBuilder, FormGroup, Validators } from '@angular/forms';

constructor(private fb: FormBuilder) {}

ngOnInit() {
  this.form = this.fb.group({
    password: ['', Validators.required],
    confirmPassword: ['']
  });
  this.form.get('confirmPassword')?.setValidators([
    this.matchPasswordsValidator(this.form.get('password'))
  ]);
}
matchPasswordsValidator(passwordControl: AbstractControl | null) {
  return (confirmPasswordControl: AbstractControl) => {
    const password = passwordControl?.value;
    const confirmPassword = confirmPasswordControl.value;

    return password === confirmPassword ? null : { passwordMismatch: true };
  };
}

В этом примере валидатор сравнивает значения password и confirmPassword, автоматически реагируя на изменения первого поля. 👉 @sWebDev

Что вас больше раздражает на сайте: куки или их отсутствие? 👍 - Куки. ❤️ - Отсутствие. 👉 @sWebDev | #юмор

Работа с unstable_batchedUpdates Для чего используется метод unstable_batchedUpdates? Если забыли, то вернитесь к посту от 02.12.2024. 👉 @sWebDev

Shifty Shifty — это микробиблиотека для создания анимаций с точным контролем ключевых кадров. Она предоставляет интерфейс для управления анимационными свойствами через JavaScript, не завися от DOM. Полезна для кастомных анимаций, таких как переходы между сложными состояниями. 👉 @sWebDev

Dynamic Text Animation Анимация текста на GSAP и CSS. 👉 @sWebDev

Курс "Дизайн карточек для WB и Ozon". Бесплатно и с нуля Дизайнер карточек для маркетплейсов — востребованная и доходная профессия 💰 Научись ей бесплатно! - Бесплатный доступ - Разбор ДЗ от наставника - Мощные кейсы в портфолио Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

UseContextSelector: ускоренный аналог useContext для React Статья описывает хук useContextSelector, который является улучшенной версией useContext в React. Автор рассказывает, как этот хук позволяет оптимизировать производительность, минимизируя перерисовки компонентов, и предоставляет примеры его применения в больших проектах. 👉 @sWebDev