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

Создание контекста в React Что используется для создания контекста в React? Если забыли, то вернитесь к посту от 12.08.2024. 👉 @sWebDev

Quixote Quixote — это JavaScript-библиотека, предназначенная для тестирования пользовательских интерфейсов. Она позволяет создавать изолированные среды (фреймы) для тестирования компонентов HTML, CSS и JavaScript. Quixote позволяет проверять внешний вид и поведение интерфейсов в различных условиях, обеспечивая точность и кроссбраузерную совместимость. 👉 @sWebDev

Three.js animated rocket Анимация ракеты на Three.js. 👉 @sWebDev

Партнёрская программа рекрутинга в Яндекс Еду Станьте партнёром Яндекс Еды по привлечению курьеров и получите кучу преимуществ: 💰Платим до 25 000 ₽ за успешного кандидата 📞Поддержка на всех этапах 📅Свободное расписание 📊Удобные инструменты для работы Приводите новых курьеров и получайте в среднем 187 000 ₽ в месяц! Зарегистрироваться #реклама eda.yandex.ru О рекламодателе

Гибкая предварительная загрузка данных в SPA Статья рассказывает о создании кастомного скрипта для предварительной загрузки данных в одностраничных приложениях (SPA). Автор объясняет, как это помогает ускорить загрузку приложений, делая запросы на получение данных параллельно с загрузкой страницы. 👉 @sWebDev

Carousel Интерактивная карусель на Plain.js. 👉 @sWebDev

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

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

Сталкивались с разочарованием от курсов? ❤️ — Да. 👍 — Нет. 👉 @sWebDev | #юмор

Low Poly Experiment Анимация колбы с окрашивающимся реагентом на GSAP. 👉 @sWebDev

Внедрение зависимостей в динамические компоненты ViewContainerRef в Angular позволяет динамически создавать компоненты и внедрять в них зависимости. Сначала нужно получить доступ к ViewContainerRef через @ViewChild, затем использовать метод createComponent для создания экземпляра компонента. После создания можно передать данные через инстанс компонента. Пример:

@Component({
  selector: 'app-dynamic-host',
  template: `<ng-container #container></ng-container>`,
})
export class DynamicHostComponent {
  @ViewChild('container', { read: ViewContainerRef, static: true })
  container!: ViewContainerRef;

  loadComponent() {
    const componentRef = this.container.createComponent(DynamicComponent);
    componentRef.instance.data = 'Переданные данные';
  }
}

@Component({
  selector: 'app-dynamic-component',
  template: `<p>{{ data }}</p>`,
})
export class DynamicComponent {
  data!: string;
}

👉 @sWebDev

Ситуация знакома? ❤️ - Нет. 👍 - Еще как. 👉 @sWebDev | #юмор

Отслеживания событий вне зоны видимости компонента Какой декоратор Angular позволяет компоненту реагировать на события, происходящие вне его области видимости? Если забыли, то вернитесь к посту от 05.08.2024. 👉 @sWebDev

Rete.js Rete.js - это фреймворк для создания визуальных редакторов схем (node-based editors). Он используется для построения приложений, где пользователи могут создавать и редактировать графические схемы с помощью узлов и соединений между ними. Такие редакторы часто используются в графических приложениях, редакторах шейдеров, системах визуального программирования и других областях. 👉 @sWebDev

Storm Стилизованный шторм на Anime.js. 👉 @sWebDev

Оптимизация Производительности Angular С Помощью Кэширования HttpInterceptor Статья описывает, как оптимизировать производительность Angular-приложений с помощью кеширования запросов через HttpInterceptor. В ней объясняется, что кеширование позволяет значительно сократить время загрузки данных, избегая повторных запросов к серверу. 👉 @sWebDev

Responsive Scroll-Driven Text Reveals Анимированный скролл с использованием GSAP. 👉 @sWebDev

Эффективнее, чем блогеры: кейс Flocktory и PREMIER Привлечение новых пользователей с помощью блогеров — популярный способ, но у него есть свои минусы. Коды, которые распространяют сетевые инфлюенсеры, как правило, не уникальны и активируются неограниченное количество раз — а значит прозрачную аналитику по ним собрать сложно. Кроме того, стоимость лида в таких кампаниях достаточно высока. Стриминговый сервис PREMIER попробовал альтернативный способ привлечь аудиторию — разместил свой оффер «45 дней бесплатного использования» на витрине подарков Exchange омниканальной платформы автоматизации и персонализации маркетинга Flocktory. Оказалось, что это работает эффективнее, чем блогеры — подробности рассказываем в статье. Узнать больше #реклама flocktory.com О рекламодателе