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

Так веб-разработка же простая, правда? 👍 – Конечно, что тут сложного? ❤️ – Мне один раз приснилось, что продакшн можно сломать одной строчкой… смешно, правда? 👉 @sWebDev | #юмор

Golden Cider 3D интерактивная моделька для лого на Three.js. 👉 @sWebDev

Предзагрузка всех модулей в Angular В Angular модули загружаются лениво (lazy loading), чтобы не перегружать приложение. Однако, если модули нужны часто, можно предзагрузить их заранее с preloadAllModules. Пример:

import { NgModule } from '@angular/core';
import { RouterModule, Routes, PreloadAllModules } from '@angular/router';

const routes: Routes = [
  { path: 'dashboard', loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule) },
  { path: 'profile', loadChildren: () => import('./profile/profile.module').then(m => m.ProfileModule) }
];

@NgModule({
  imports: [RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })],
  exports: [RouterModule]
})
export class AppRoutingModule {}

Этот код заставляет Angular загружать все модули в фоне после загрузки главного модуля. Это уменьшает задержки при переходах, но увеличивает начальную загрузку. 👉 @sWebDev

Курс по Java-разработке с junior до middle Стань специалистом по Java-разработке с помощью менторов. Оставь заявку! Узнать больше #реклама 16+ ykul.ru О рекламодателе

У вас будут какие-то оправдания? 👍 - Дорогой дневник... ❤️ - Мне не стыдно. 👉 @sWebDev | #юмор

Работа с CdkVirtualScrollViewport Когда CdkVirtualScrollViewport обновляет элементы списка? Забыли? Вернитесь к посту от 24.02.2025. 👉 @sWebDev

noUiSlider Лёгкий и доступный JavaScript-слайдер диапазона с поддержкой мультитач и клавиатуры. Полностью анимирован с использованием GPU, что обеспечивает высокую производительность даже на старых устройствах. Идеально подходит для адаптивных дизайнов и не имеет внешних зависимостей. 👉 @sWebDev

3D Landscape Game 3D сцена со сменой времени на Three.js. 👉 @sWebDev

Почему я не буду использовать JSDOM В статье автор анализирует историю и ограничения JSDOM — библиотеки, созданной в 2010 году для эмуляции браузерной среды в Node.js. Несмотря на её популярность в тестировании фронтенд-кода, JSDOM сталкивается с проблемами несовершенной эмуляции браузера в Node.js, что приводит к ошибкам при обработке событий. Автор предлагает отказаться от использования JSDOM в пользу современных инструментов, обеспечивающих более точное соответствие реальным условиям работы приложений. 👉 @sWebDev

Interactive 3D Text Анимация текста и фигур на Three.js. 👉 @sWebDev

В канале Selectel Newsfeed новые бесплатные курсы! Наши бесплатные курсы для специалистов всех уровней помогут разобраться в темах быстро, структурно и последовательно. Вступайте в сообщество IT-специалистов в Telegram от Selectel и развивайте новые навыки📚 Смотреть #реклама 16+ О рекламодателе

Chroma.js Небольшая JavaScript-библиотека без зависимостей (размером около 13,5 КБ), предназначенная для различных цветовых преобразований и создания цветовых шкал. Позволяет считывать цвета из различных форматов, анализировать и манипулировать ими, а также генерировать цветовые палитры для визуализации данных. 👉 @sWebDev

Квартиры в Крыму рядом с дворцом, где жили цари! ✨«Новая Ливадия» — знаковый проект на территории Большой Ялты вблизи Ливадийского дворца ⚡Несколько столетий назад территория Ливадии была летней резиденцией российских царей, а также местом притяжения известных писателей, поэтов и художников Архитектурная концепция комплекса выполнена в стиле современного минимализма Мощная инфраструктура: -бассейн infinity pool с летним кафе и зоной отдыха -торговый центр, кафе, рестораны, офисная зона -фитнес-центр и SPA Рядом находятся гора Ай-Петри, водопад Учан-Су, Аквапарк «Атлантида» и многое другое! 💰А еще вы можете преумножить капитал, зарабатывая на сдаче в аренду объектов недвижимости 2 000 000 рублей в год! 👍Получите актуальные планировки и цены Получить предложение Проектная декларация на сайте https://наш.дом.рф/ #реклама mrqz.me О рекламодателе

Есть ли у вас страх, что вас заменит ИИ? ❤️ - Бывает тревожность из-за таких мыслей. 👍 - Пусть он для начала мне напишет нормальный код, а потом поговорим. 👉 @sWebDev | #юмор

Bubbles Background Animation Анимация градиентного фона на CSS и JS. 👉 @sWebDev

IT образование бесплатно на весь 2025 год Отобрали для вас лучшие каналы по IT во всех направлениях: → Frontend → Data Science → Node.JS → Вёрстка → Python → JavaScript → QA (тестирование) Сохраняй себе понравившееся направление и обучайся бесплатно уже сегодня!

Разрешение циклических зависимостей между провайдерами В Angular при наличии циклических зависимостей между провайдерами нельзя напрямую указывать сервис в качестве зависимости другого. Для отложенного определения зависимостей используется forwardRef(), который позволяет ссылаться на провайдер до его фактического объявления. Однако внутри DI-контейнера такой провайдер остается обернутым в forwardRef(). Метод resolveForwardRef() используется для разворачивания ссылки, если она была передана через forwardRef(). Это позволяет явно получить оригинальное значение до его использования. Пример:

@Injectable()
export class ServiceA {
  constructor(@Inject(forwardRef(() => ServiceB)) private serviceB: ServiceB) {}
}

@Injectable()
export class ServiceB {
  constructor(@Inject(forwardRef(() => ServiceA)) private serviceA: ServiceA) {}
}

// Использование resolveForwardRef
const resolvedRef = resolveForwardRef(forwardRef(() => ServiceA));
// resolvedRef теперь содержит прямую ссылку на ServiceA

👉 @sWebDev

Деплой Next.js приложения с Deno Deploy Туториал о поднятии приложения Next.js с использованием Deno Deploy: преимущества и шаги для интеграции технологий. 👉 @sWebDev

Ваши действия? 👍 - Стать первым, кто прервет молчание. ❤️ - Оставить все как есть. 👉 @sWebDev | #юмор