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

Background with Anime.Js Анимация фона на Three.js. 👉 @sWebDev

Angular сервис ErrorHandler с RetryWhen В Angular сервис ErrorHandler можно расширить для создания продвинутой системы обработки ошибок. Совместно с оператором retryWhen, можно добавить автоматические повторные запросы с экспоненциальной задержкой. Пример: кастомный ErrorHandler с повторной попыткой запроса.

typescriptimport { Injectable, ErrorHandler } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { retryWhen, delay, scan } from 'rxjs/operators';

@Injectable()
export class CustomErrorHandler implements ErrorHandler {
  constructor(private http: HttpClient) {}

  retryRequest(url: string) {
    this.http.get(url).pipe(
      retryWhen(errors =>
        errors.pipe(
          scan((attempts) => {
            if (attempts >= 5) throw errors;
            return attempts + 1;
          }, 0),
          delay(attempts => Math.pow(2, attempts) * 1000) // Экспоненциальная задержка
        )
      )
    ).subscribe(data => console.log('Success:', data));
  }
}

👉 @sWebDev

Профессиональная конференция по UX/UI 22 февраля в Москве пройдёт профильная UX/UI конференция для тех, кто проектирует и создаёт интерфейсы. 20+ экспертов топовых digital-агентств и RnD. 3 потока докладов. Кейсы от ведущих агентств. Активный нетворкинг. Афтепати в завершении дня. Программа и билеты на сайте. Узнать больше #реклама uxuiconf.ru О рекламодателе

Вы часто откладываете задачи на потом? ❤️ - Нет, стараюсь делать все поэтапно. 👍 - Предпочитаю отдохнуть, а потом страдать в последний момент. 👉 @sWebDev | #юмор

Victory Park Residences – эксклюзивно в Парке Победы Рассрочка 0% на 2 года на квартиры и пентхаусы. Жизнь в окружении парков и знаковых мест Москвы. Парк Победы, Кутузовский проспект, Триумфальная арка. Три вида премиальной отделки. Подземный паркинг. Детейлинг-центр премиального уровня на паркинге. Дома готовы. Ключи в 1 кв. 2025 Узнать больше Проектная декларация на сайте https://наш.дом.рф/. Застройщик: ООО "Специализированный застройщик "Фонченко" #реклама vp.moscow О рекламодателе

Назначение декоратора ＠SkipSelf() Для чего используется декоратор @SkipSelf()? Забыли? Вернитесь к посту от 06.01.2025. 👉 @sWebDev

Unpoly Фреймворк для асинхронного обновления частей страницы. Позволяет обновлять только нужные элементы DOM, избегая полной перезагрузки. Отлично подходит для серверно-рендерных приложений, ускоряет их работу, поддерживает управление историей браузера и оптимизирован для SEO. 👉 @sWebDev

A Bed Room Диорама комнаты на Three.js. 👉 @sWebDev

📌Есть только 2 способа стать JavaScript Senior: 1. Часами просматривать видео на YouTube, документацию и решать сложные задачи, так и не достигнув ощутимого прогресса. 2. Следить за каналом «JavaScript Senior» и сократить 70% времени на подготовку к собеседованиям и улучшение навыков! Получай полезные сниппеты, актуальные вопросы с собеседований и будь в курсе последних новинок – подпишись @JavaScriptSenior!

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

3D Shape Morphing in Three.js Морфинг 3D фигур на Three.js. 👉 @sWebDev

Lit Библиотека для создания веб-компонентов с минимальным весом (~5 КБ). Использует стандартные HTML-шаблоны и JavaScript, эффективно обновляет только изменённые части DOM. 👉 @sWebDev

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

Готовишься к собеседованию? Разбираем для тебя самые актуальные вопросы для подготовки Выбирай направление: 👩‍💻 Frontend 🖥 Backend 👩‍💻 JS 👩‍💻 Python 👩‍💻 Go 👩‍💻 Java 👩‍💻 C/C++ 👩‍💻 C# 👩‍💻 PHP 👩‍💻 QA 📊 SQL 👩‍💻 Git

Valorant Character Select Animation Анимация выбора персонажа на Anime.js 👉 @sWebDev

Ручное обновление дерева компонентов В Angular метод ApplicationRef.tick() используется для запуска цикла обнаружения изменений вручную. Это полезно, когда изменения происходят вне зоны Angular, например, в callback-функциях или таймерах. Пример:

typescript  
import { ApplicationRef, Component } from '@angular/core';  

@Component({  
  selector: 'app-manual-tick',  
  template: `<p>{{ message }}</p>`,  
})  
export class ManualTickComponent {  
  message = 'Ожидание...';  

  constructor(private appRef: ApplicationRef) {  
    setTimeout(() => {  
      this.message = 'Изменение произошло';  
      this.appRef.tick(); // Обновляем вручную  
    }, 3000);  
  }  
}  

Без вызова tick() изменения в message не были бы отражены в шаблоне, так как они происходят вне зоны Angular. 👉 @sWebDev

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

Вас когда-нибудь подводило автодополнение? 👍 - Нет, сразу замечаю. ❤️ - Мягко сказано. 👉 @sWebDev | #юмор

Крупнейший университет искусственного интеллекта Приглашаем на бесплатный однодневный интенсив по AI! Освой искусственный интеллект для профессионального роста: создавай нейросети, автоматизируй бизнес-задачи и зарабатывай на AI-решениях. ✨ 8 000+ студентов со всего мира ✨ 600+ AI-проектов, созданных студентами ✨ Сборная Университета — победители крупнейших AI-хакатонов России ✨ Стажировки в крупнейших компаниях России (РЖД, Ростелеком, РУДН, Совкомбанк, Самолет и другие) ✨ Трудоустраиваем выпускников в крупнейшие компании (Яндекс, ВТБ, Сбербанк, Роскосмос и другие) Будем рады видеть тебя в наших рядах! Узнать больше #реклама 16+ neural-university.ru О рекламодателе