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

Дарим подписку на Яндекс Музыку Ответьте на 1 вопрос и Яндекс Музыка ваша для вас и 3-х ваших близких. Кинопоиск и Яндекс Книги тоже в подписке. Попробуйте бесплатно❤️ Попробовать #реклама 18+ music.yandex.ru О рекламодателе Реклама на Яндексе

Современная альтернатива findDOMNode() Что рекомендует использовать React вместо findDOMNode()? Забыли? Вернитесь к посту от 14.04.2025. 👉 @sWebDev

Chrono.js Chrono.js — JavaScript-библиотека для парсинга дат из текста на естественном языке. Распознаёт форматы вроде “завтра”, “5 июля”, “через 3 недели”, работает без зависимостей. Подходит для чат-ботов, форм бронирования и любых интерфейсов с вводом дат. 👉 @sWebDev

Layout Explorations Анимация галереи с использованием GSAP и Lenis. 👉 @sWebDev

Премиальные апартаменты в Крыму на выгодных условиях! Премиальный комплекс в 30 метрах от собственного пляжа ✅ Комплекс — 4-х кратный победитель премии в сфере недвижимости URBAN AWORDS как самый привлекательный инвестиционный проект ЮФО 🏠 Комплекс можно: - Сдавать посуточно через отельера международного класса и получать пассивный ежемесячный доход (при этом отдыхая в отпуске в собственном номере) - Выгодно перепродать ⚡ О проекте: - Первая береговая линия – всего в 30 метрах расположен собственный пляж - На территории открытый и 2 круглогодичных бассейна - Более 14,5 га впечатляющей территории: 4-этажный SPA-комплекс, амфитеатр, панорамный ресторан, медцентр, игровое пространство для детей, магазины и бутик ⚡Роскошные панорамные виды на потухший вулкан, море и виноградники ✅Получите цены и презентацию первыми: Перейти на сайт #реклама mrqz.me О рекламодателе

Что бы я хотел знать об Angular в самом начале Многие разработчики сталкиваются с трудностями в Angular не из-за сложности фреймворка, а из-за неправильного старта. Автор делится опытом: как разумно структурировать модули, использовать ленивую загрузку и строить код, который не развалится при росте проекта. 👉 @sWebDev

Interactive Cube Grid Интерактивная анимация пиксельной сетки на GSAP и Three.js. 👉 @sWebDev

List.js List.js — JavaScript-библиотека для добавления поиска, сортировки и фильтрации к HTML-таблицам и спискам. Простая в подключении, не требует jQuery и подходит для интерфейсов с динамическими наборами данных. 👉 @sWebDev

Насколько вы зависите от ИИ при разработке? 👍 – Почти не использую, сам справляюсь. ❤️ – ChatGPT — мой напарник. 👉 @sWebDev | #юмор

✅ Сохраняйте мегашпаргалку с полезными нейросетями на все случаи жизни от Сергея Фролова. Вот самое крутое: 🤩Claude 3.7 Sonnet — мастхев для программистов 🤩Skyreels AI — превращает любой текст в длинное видео 🤩Openrouter — доступ ко всем ИИ 🤩Suno AI — своя музыка с нейросетью Подпишись и находи для себя мощные нейросети бесплатно: https://t.me/+VjFnutGM-r1lNmQy

Heatmap 3D Анимация планеты на Three.js. 👉 @sWebDev

Изоляция внедрения зависимостей Флаг InjectFlags.SkipSelf позволяет пропустить текущий инжектор и искать зависимость в родительских инжекторах. Это используется, когда в компоненте не должно быть локальных определений сервиса, а требуется внедрить его из вышестоящего уровня, например, из родителя или модуля. Например, компонент внедряет ConfigService, но пропускает локальный провайдер и получает зависимость извне:

import { Component, Inject, inject, InjectionToken, InjectFlags } from '@angular/core';

export const CONFIG_TOKEN = new InjectionToken<string>('Config');

@Component({
  selector: 'child-component',
  template: `Config: {{ value }}`,
  providers: [{ provide: CONFIG_TOKEN, useValue: 'локальная конфигурация' }]
})
export class ChildComponent {
  value = inject(CONFIG_TOKEN, InjectFlags.SkipSelf);
}

В этом случае будет получено значение из родительского инжектора, даже если в текущем компоненте есть свой провайдер CONFIG_TOKEN. 👉 @sWebDev

Что больнее для разработчика? 👍 - Увидеть 502 на своем проекте. ❤️ - Объяснять пользователю, что роутер тут ни при чем. 👉 @sWebDev | #юмор

Тип представления в Angular Какой тип представления в Angular представляет собой экземпляр шаблона, а не компонента? Забыли? Вернитесь к посту от 07.04.2025. 👉 @sWebDev

Slideout.js Slideout.js — небольшая библиотека для создания боковых выезжающих меню. Поддерживает свайпы, не зависит от сторонних фреймворков и подходит для адаптивных интерфейсов на мобильных и десктопных устройствах. 👉 @sWebDev

👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻👩‍💻 Сливаем вам базу с курсами и книгами от известных онлайн школ по Frontend: (23 ГБ) — Основы веба (46 ГБ) — HTML/CSS/Верстка (53 ГБ) — JavaScript (31 ГБ) — React (17 ГБ) — TypeScript (33 ГБ) — Vue / Angular / Svelte (56 ГБ) — Webpack / Vite / Git (43 ГБ) — Next.js / Nuxt.js (68 ГБ) — Figma и Веб-дизайн (76 ГБ) — Анимации и UI/UX (44 ГБ) — WordPress (37 ГБ) — Архитектура фронтенда (21 ГБ) — Тестирование фронта Скачивать ничего не нужно — все выложили в Telegram

Animated Galaxy and Ribbons Анимация галактики на Three.js. 👉 @sWebDev

Ищешь высокооплачиваемые проекты? Попробуй SkillStaff SkillStaff — это платформа для ИТ-специалистов, менеджеров и креаторов, которым мало одного оклада. Здесь можно найти клиентов, выполнять их проекты и увеличивать свой доход. - Проекты с гибким графиком: part time, full time, удаленка и гибрид - Ставка за час работы — та, что ты сам выбрал - Клиенты — ведущие бренды, проверенные с юридической точки зрения при регистрации на платформе - Оплата поступает ежемесячно на расчетный счет исполнителя - Удобный личный кабинет и функционал, автоматизирующий документооборот Все, что нужно для работы — иметь статус самозанятого или ИП, а платформа поможет со всеми нюансами. Регистрируйся прямо сейчас Зарегистрироваться #реклама 16+ skillstaff.ru О рекламодателе