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

Никому не говорите, что вы программист.

👉 @sWebDev | #юмор

Работа с роутами в React

Какой метод в React Router позволяет загружать дополнительные роуты динамически?

Забыли? Вернитесь к посту от 22.07.2024.

👉 @sWebDev

Lazy.js

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

👉 @sWebDev

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

Race Car Island

Анимация гонок на GSAP.

👉 @sWebDev

Работа с деревом Angular

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

👉 @sWebDev

City Illustration

Интерактивная анимация города на GSAP и React.js.

👉 @sWebDev

Офер в Яндекс для опытных фронтендеров за два дня

24–25 августа приглашаем фронтендеров с опытом работы от четырёх лет получить офер в Яндекс через multitrack за 2 дня. Достаточно решить задачи онлайн до 20 августа и пройти несколько технических секций 24 августа, чтобы уже 25-го получить офер и выбрать три команды, к которым вам было бы интересно присоединиться.

Как правило, за несколько собеседований сложно понять, подходит ли вам команда и наоборот. Multitrack позволит вам поработать в трёх разных командах Яндекса и выбрать подходящую. Вы сможете погрузиться в рабочие процессы, познакомиться с будущими коллегами и понять, с какими задачами и технологиями хотите работать.

Узнать подробности и зарегистрироваться.