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

Interactive 3D Birthday Cake Celebration Интерактивная анимация открытки с тортом на Three.js. 👉 @sWebDev

Гексагональная архитектура с NgRx Signal Store в Angular Статья объясняет, как использовать гексагональную архитектуру при работе с NgRx Signal Store и Angular Signals. Данный подход позволяет изолировать бизнес-логику от инфраструктурных деталей, повысить модульность и упростить тестирование. 👉 @sWebDev

Dot Controls Стилизованные интерактивные слайдеры на Draggable.js. 👉 @sWebDev

Yall.js Yall.js — легковесная библиотека для ленивой загрузки изображений и видео с использованием Intersection Observer. Работает без зависимостей и подходит для оптимизации скорости загрузки страниц в проектах с большим количеством медиа. 👉 @sWebDev

Откуда реально пришли ваши ключевые знания по программированию? 👍 – Из курсов. ❤️ – Из бессонных ночей с гуглом и форумами. 🤔 – Разбор чужого кода и практика. 👉 @sWebDev | #юмор

Draggable SVG Logo Логотип с эффектом перетаскивания на GSAP и Draggable.js. 👉 @sWebDev

Курсы JAVA-разработки Гарантия ЗП от 120 000р в договоре Jаvа — это язык, на котором строятся банковские системы, мобильные приложения, крупные веб-сервисы и многое другое, а спрос на Jаvа-разработчиков стабильно высок. Благодаря кроссплатформенности и надежности, ты сможешь работать в любой сфере IТ — от финансов до Коммерческой отрасли.📊💰 Почему это работает?✨ - Минимальные вложения. - Тысячи человек уже в IТ. Наши выпускники работают в крутых компаниях: от стартапов до международных корпораций. - Наши менторы — это опытные разработчики, которые ежедневно работают в IТ и готовы делиться актуальными знаниями. P.S. Если всё ещё сомневаешься и думаешь что будет сложно — просто попробуй.😊 Мы берем на себя все риски: ты оплачиваешь основную стоимость обучения только после успешного трудоустройства — это закреплено в договоре. Подать заявку #реклама 16+ kata.academy О рекламодателе

Очистка ресурсов через DestroyRef.onDestroy() DestroyRef предоставляет метод onDestroy(), с помощью которого можно зарегистрировать функцию, выполняемую при уничтожении экземпляра. Данный способ подходит для отписки от Observable, остановки таймера или удаления обработчика событий без реализации интерфейса OnDestroy.

import { Component, inject, DestroyRef } from '@angular/core';
import { interval, Subscription } from 'rxjs';

@Component({
  selector: 'demo-ticker',
  template: `<p>{{ tick }}</p>`,
})
export class TickerComponent {
  tick = 0;
  private sub: Subscription;

  constructor() {
    const destroyRef = inject(DestroyRef);

    this.sub = interval(1000).subscribe(v => (this.tick = v));

    destroyRef.onDestroy(() => {
      this.sub.unsubscribe();
      console.log('Подписка завершена');
    });
  }
}

Зарегистрированная функция выполняется при уничтожении компонента. Такой подход помогает избежать утечек памяти и использовать лаконичную форму очистки. 👉 @sWebDev

Сталкивались с такими крайностями в комментариях к патчам в реальной жизни? 👍 – Да, с минимализмом на больших патчах постоянно. ❤️ – С графоманией на маленьких — редко, но метко. 🤔 – Я сам иногда грешу то в одну, то в другую сторону. 👉 @sWebDev | #юмор

Как новичку в IT найти работу? Опытный IT-рекрутер бесплатно делится секретами внутренней кухни в TG-канале "Вакансии и стажировки в IT". 📱Не потеряй ссылку на канал Подписаться #реклама 16+ О рекламодателе

Структура аргументов useOptimistic() Что принимает useOptimistic() в качестве начальных данных? Забыли? Вернитесь к посту от 05.05.2025. 👉 @sWebDev

NanoJS NanoJS — сверхмаленькая JavaScript-библиотека для базовых операций с DOM. Предоставляет минимальный набор функций для селекторов, событий и анимации. Подойдёт для проектов, где нужен ручной контроль без jQuery и тяжёлых фреймворков. 👉 @sWebDev

Preloader and Layout Experiment Анимация загрузки страницы на GSAP. 👉 @sWebDev

Аутентификация Firebase в Angular 19 В Angular 19 интеграция с Firebase позволяет реализовать аутентификацию с помощью email/пароля, социальных сетей и других методов. Статья показывает, как настроить Firebase в проекте, использовать AngularFire для подключения и создать сервис для управления сессиями и входом пользователей. Полезно для тех, кто хочет добавить надёжную аутентификацию без лишнего кода. 👉 @sWebDev

Carnival Spinner Интерактивная сцена с колесом на Three.js. 👉 @sWebDev

Animatelo Animatelo — JavaScript-версия анимаций из Animate.css, работающая без зависимостей. Поддерживает все основные эффекты (вход, выход, внимание и др.) и управляется через классы. Подойдёт для проектов, где нужны CSS-анимации без подключения сторонних стилей. 👉 @sWebDev

💬 Решили связать свою жизнь с IT? ⏺Тогда вам в Str (IT-Community)! Тут вы сможете найти ежедневные советы, фишки, новости о мире айти и многое другое. ⏺А в сообществе - IT курсы (бесплатные), чаты по направлениям, для поиска более опытных товарищей) Подписывайтесь на этот канал и приглашайте своих друзей, чтобы мы вместе становились лучше каждый день! 👉 Ссылка на канал

Сколько файлов нужно Angular для счастья? 👍 — Тысяч 50 минимум, иначе не солидно. ❤️ — Главное, чтобы проект запускался. 👉 @sWebDev | #юмор

Global Technology Index Интерактивная анимация дешборда на Three.js. 👉 @sWebDev