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

Работа с роутами в React Какой метод в React Router позволяет загружать дополнительные роуты динамически? Забыли? Вернитесь к посту от 22.07.2024. 👉 @sWebDev

Lazy.js Lazy.js — это библиотека JavaScript, предоставляющая инструменты для работы с коллекциями данных (массивы, объекты) , обеспечивающая ленивые вычисления для повышения производительности. 👉 @sWebDev

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

The Raging Sea Настраиваемая анимация воды на Three.js. 👉 @sWebDev

Как создать библиотеку React components ESM+CJS В этой статье рассказывается о создании библиотеки React-компонентов ESM+CJS. Обсуждаются проблемы создания библиотеки, работающей в разных средах. Автор рекомендует использовать Rollup в качестве модульного бандлера, а TypeScript для проверки типов. Другие важные моменты включают использование зависимостей типа "peer" и поддержание чистоты файла package.json. 👉 @sWebDev

Alien Goober Анимация пришельца на Anime.js. Вам не кажется, что это больше похоже на приведение? ❤️ - Приведение. 👍 - Пришелец. 👉 @sWebDev

RoughViz RoughViz — это библиотека JavaScript, позволяющая создавать графики в стиле "нарисованных от руки". Это придаёт визуализациям данных уникальный и креативный вид, делая их более привлекательными и запоминающимися. 👉 @sWebDev

«Где Дата, Коль?». Первое реалити-шоу про дата-инженеров Новый проект учебного центра Слёрм и Николая Маркова, Data Platform Lead в компании Altenar. 👀 Мы выбрали 5 участников, чтобы 14 недель подряд наблюдать, как они проходят наш курс «Data-инженер». И отлично справляются, набирая баллы, или лажают, пропуская дедлайны 🙂 Чтобы дойти до финала, участники должны освоить Python, MapReduce и ETL-инструменты, разобраться с Hadoop, NOSQL, Airflow, Kafka, аналитикой и архитектурой хранилищ данных. Каждые две недели выходит новая серия. Ментор и ревьюеры разбирают сделанные домашки участников, комментируют результаты и обновляют турнирную таблицу. ❗️Главное правило: Кто перестаёт учиться — выбывает из проекта. Никаких исключений! Кто справится со всеми заданиями вовремя? Кому ревьюер выставит самый высокий балл? Кто вылетит? А кто получит главный приз? Ответы на эти вопросы, новости с шоу, а также статьи, кейсы и best practices для начинающего дата-инженера — в канале проекта: 👉 @gdedata Подписывайтесь! Реклама. ИП Аердинов Н.В. ИНН 638103515932 erid: LjN8K97oM

Жизненная ситуация? ❤️ - Да. 👍 - Нет. 👉 @sWebDev | #юмор

Torus Tunnel Анимация туннеля на Three.js. 👉 @sWebDev

Настройка взаимодействия компонентов в Angular С помощью @HostBinding можно динамически изменять стили и классы хост-элемента компонента в зависимости от его состояния. Например, можно подсвечивать компонент при наведении курсора мыши или изменять его внешний вид при получении новых данных.

@Component({ ... })
export class HighlightComponent {
  @HostBinding('style.backgroundColor') backgroundColor = 'transparent';
  // ...
}

@HostListener позволяет компоненту реагировать на события, происходящие вне его области видимости. Это может быть полезно для создания выпадающих меню, модальных окон и других элементов интерфейса, которые должны взаимодействовать с остальной частью страницы.

@Component({ ... })
export class DropdownComponent {
  @HostListener('document:click', ['$event'])
  onClick(event: MouseEvent) { /* ... */ }
}

👉 @sWebDev

Мир глазами front-end разработчика. 👉 @sWebDev | #юмор

Изменения в процессе рендеринга в React 19 RC Как в React 19 RC изменился процесс рендеринга компонентов по сравнению с React 18? Забыли? Вернитесь к посту от 14.07.2024. 👉 @sWebDev

Dropzone.js Dropzone.js - это легковесная библиотека JavaScript, предназначенная для простой интеграции drag-and-drop загрузки файлов на веб-сайты. Она позволяет пользователям перетаскивать файлы в специальную область. 👉 @sWebDev

Как повысить эффективность вебинаров? Организация продающего вебинара - не простая задача, ведь необходимо предусмотреть множество деталей: удобную дату, вовлекающий контент, методы продвижения и взаимодействия с участниками. Вебинары от МТС Линк помогают привлекать новых клиентов и увеличивать конверсию из участника в лид. В сервисе доступен анализ поведения пользователей во время вебинара, синхронный перевод, автовебинары и интерактивные инструменты для вовлечения участников. Делимся методичкой с кейсами, чек-листами и инструкциями для маркетологов, PR и event-менеджеров, чтобы сделать вебинары эффективным инструментом для лидогенерации. Получите методичку бесплатно на сайте. Скачать #реклама 16+ mts-link.ru О рекламодателе

Race Car Island Анимация гонок на GSAP. 👉 @sWebDev

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

City Illustration Интерактивная анимация города на GSAP и React.js. 👉 @sWebDev