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

Работа с ViewContainerRef в Angular Какой декоратор используется для доступа к ViewContainerRef в компоненте? Если забыли, то вернитесь к посту от 26.08.2024. 👉 @sWebDev

Micromodal.js MicroModal.js — это легковесная JavaScript-библиотека для создания модальных окон. Она очень проста в использовании и предназначена для того, чтобы модальные окна были доступны для всех пользователей, включая тех, кто использует клавиатуру и экранные читалки. Поддерживает как обычные модальные окна, так и многостраничные с навигацией между ними. MicroModal.js минималистична по дизайну, что позволяет легко кастомизировать её под нужды конкретного проекта. 👉 @sWebDev

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

Pattern Интерактивная абстрактная анимация на GSAP. 👉 @sWebDev

👩‍💻 Программирование теперь в Telegram! Вот 8 обучающих каналов по самым востребованным направлениям в IT. Выбирай своё направление: 👩‍💻 Frontend: @code_ready 📖 Общее IT: @roadmap_ready 👩‍💻 Python: @python_ready 👩‍💻 Java: @java_ready 👩‍💻 C#: @csharp_ready 👩‍💻 C/C++: @cpp_ready 🖥 Базы Данных & SQL: @sql_ready 🖥 Design: @time_design 📌 Ресурсы, гайды, шпаргалки, книги, задачи и статьи для каждого языка программирования.

Google Translate может сломать React приложение Статья обсуждает проблему, связанную с использованием Google Translate в приложениях на React, которая вызывает сбои. Автор описывает, как именно Google Translate конфликтует с React-компонентами, и предлагает возможные решения для устранения этих сбоев. 👉 @sWebDev

Intro grid section Анимированная галерея на GSAP. 👉 @sWebDev

Jdenticon Jdenticon — это JavaScript-библиотека для генерации уникальных идентиконов (графических аватаров), основанных на хэшах данных. Она создает изображения в формате SVG, которые можно использовать как уникальные иконки для пользователей, файлов или других объектов, где требуется визуальная идентификация. Это особенно полезно в тех случаях, когда нужно быстро создать аватары для пользователей на основе их идентификаторов (например, email или ID), не прибегая к хранению изображений. 👉 @sWebDev

CodeInside Аутстаффинг. Официальный telegram-канал Нужны разработчики? IT-команде не хватает рук? Надоело вечно искать аутсорс и перебирать рандомных исполнителей? Все свободные и проверенные разработчики в одном месте Codelnside. Аутстаффинг. 100+ свободных от проектов разработчиков (Middle, Senior, Lead) — и все в одном месте! Всех лично проверили в деле, оценили и привлекали к работе. По каждому — подробный опыт, языки, стек тулов, опыт ОС. По допзапросу — подробное био, отзывы и все детали. Посмотрите, оцените, подпишитесь и сохраните канал в закладках или папках, чтобы не потерять, когда понадобятся IT-руки. P. S. Плюс очень удобно для бенчмарка — можно сравнить себя, свою команду и свои текущие условия с рынком. Подписаться #реклама О рекламодателе

Коллективизация. 👉 @sWebDev | #юмор

Alarm Clock Трехмерная анимация будильника на Three.JS. 👉 @sWebDev

Оптимизация производительности в Angular ChangeDetectionStrategy.OnPush работает по принципу, что изменения в компоненте должны происходить только в следующих случаях: 1. Изменение входного свойства (@Input). 2. Событие внутри компонента (например, клик по кнопке). 3. Использование асинхронного пайпа для подписки на Observable или Promise. Для использования этой стратегии, в декораторе компонента нужно задать свойство changeDetection:

import { Component, ChangeDetectionStrategy, Input } from '@angular/core';

@Component({
  selector: 'app-user',
  template: `
    <div>
      <p>{{ user.name }}</p>
    </div>
  `,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class UserComponent {
  @Input() user: { name: string };
}

В примере компонент UserComponent будет проверять изменения только тогда, когда свойство user изменяется. Это значит, что если родительский компонент обновляется, но свойство user остается неизменным, UserComponent не будет проходить процесс проверки изменений. 👉 @sWebDev

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

Работа с ComponentFactoryResolver в Angular Для чего используется ComponentFactoryResolver в Angular? Если забыли, то вернитесь к посту от 19.08.2024. 👉 @sWebDev

Rivets.js Rivets.js – это библиотека для привязки данных (data-binding) в JavaScript, которая позволяет легко связывать данные с HTML элементами. Она работает по принципу MVVM (Model-View-ViewModel) и обеспечивает двустороннюю привязку данных. 👉 @sWebDev

Knotwork Абстрактная интерактивная анимация на Three.js. 👉 @sWebDev

Глубокое погружение в формы в современном React Статья подробно рассматривает создание форм в современном React без использования сторонних библиотек. Автор описывает основные методы работы с формами, такие как использование POST запросов, управление состоянием формы, асинхронная обработка данных, и оптимистичное обновление интерфейса. 👉 @sWebDev

Frontend теперь в телеграм! Собрали крупные русскоязычные каналы, где вы найдете всю информацию о последних трендах и лучших практиках: Логово Верстальщика — научит верстать продающие сайты. Node.JS — поможет узнать все тонкости и секреты JavaScript и его фреймворков. Frontender's notes — советы и полезные приемы для каждого разработчика.