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

Использование createMutableSource в React Для чего используется createMutableSource в React? Если забыли, то вернитесь к посту от 10.06.2024. 👉 @sWebDev

Restyle Restyle — это библиотека CSS-in-JS, разработанная для работы с React 18 и новее. Она использует новые возможности React, такие как поднятие стилей и дедупликация, чтобы обеспечить высокую производительность и оптимизацию рендеринга. Благодаря совместимости с RSC , Restyle позволяет создавать приложения, которые быстро загружаются и эффективно работают как на стороне сервера, так и на стороне клиента. 👉 @sWebDev

Старт продаж офисов от 472 000 руб./м². на Белорусской Офисы класса А на территории квартала Republic. Девелопер FORMA. Готовность 2027 г. Перейти на сайт #реклама frame.forma.ru О рекламодателе

Responsive CSS Powered Parallax w/ React && GSAP Интерактивная параллакс анимация коалы с использованием React.js и GSAP.js. 👉 @sWebDev

6 карусельных компонентов для современных языков фронтенда Статья представляет обзор шести компонентов каруселей, которые можно использовать для создания интерактивных и визуально привлекательных интерфейсов в современных языках фронтенда. Эти компоненты помогают эффективно организовать и отображать контент пользователям, улучшая пользовательский опыт. Автор рассматривает различные библиотеки и инструменты, описывает их основные функции и предлагает примеры использования, чтобы помочь разработчикам выбрать подходящее решение для своих проектов. 👉 @sWebDev

What's behind ? Интерактивная анимация занавеса на Three.js. 👉 @sWebDev

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

Вы испытываете страх перед критикой? 🤔 — Скорее да, чем нет. 👍 — Спросите лучше тех, кого я критикую. 👉 @sWebDev | #юмор

Sticky Sections with lenis smoothscroll and gsap animation Скролл-анимация на GSAP.js. 👉 @sWebDev

Отложенная загрузка на уровне шаблонов в Angular Deferrable Views (отложенные представления) - это API в Angular 17, позволяющая откладывать загрузку компонентов, директив и труб до момента их необходимости. Это значительно улучшает производительность, особенно в крупных приложениях. Отложенные представления реализованы с помощью декоратора @defer. При обнаружении элемента, обернутого в @defer, Angular не загружает соответствующий код немедленно, а откладывает его до момента рендеринга элемента на странице. Такой подход экономит время и ресурсы, загружая код только при необходимости. Пример использования:

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

@Component({
  selector: 'app-lazy-component',
  templateUrl: './lazy-component.html',
  styleUrls: ['./lazy-component.css']
})
export class LazyComponent {
  // ...component code
}

В этом примере компонент LazyComponent будет загружен только при рендеринге на странице. 👉 @sWebDev

Офисы в БЦ N'ICE TOWER с первым взносом от 1 000 000 ₽! Эксплуатируемая кровля. Офисы класса А от 10 млн рублей. Сдача объекта в 2026 году. Узнать больше #реклама nice-tower.ru О рекламодателе

Надеемся, что вы не были в такой ситуации... 👉 @sWebDev | #юмор

Как повысить эффективность вебинаров? Организация продающего вебинара - не простая задача, ведь необходимо предусмотреть множество деталей: удобную дату, вовлекающий контент, методы продвижения и взаимодействия с участниками. Вебинары от МТС Линк помогают привлекать новых клиентов и увеличивать конверсию из участника в лид. В сервисе доступен анализ поведения пользователей во время вебинара, синхронный перевод, автовебинары и интерактивные инструменты для вовлечения участников. Делимся методичкой с кейсами, чек-листами и инструкциями для маркетологов, PR и event-менеджеров, чтобы сделать вебинары эффективным инструментом для лидогенерации. Получите методичку бесплатно на сайте. Скачать #реклама 16+ mts-link.ru О рекламодателе

Функциональность useEffectEvent в React useEffectEvent в React это? Забыли? Вернитесь к посту от 03.06.2024. 👉 @sWebDev

LokiJS LokiJS – это JavaScript-библиотека, предоставляющая легковесную in-memory базу данных, предназначенную для использования в браузере или в среде Node.js. Она не требует установки дополнительных серверов или плагинов и работает исключительно в памяти, что обеспечивает высокую скорость операций. 👉 @sWebDev

Совет фронтендерам и дизайнерам: Хватит тратить время на поиск макетов Figma Все макеты реальных сайтов, которые заказчики присылают на вёрстку уже нашли и бесплатно выкладывают на канале Figma Portal Пополняйте свое портфолио настоящими работами вместе с @maket_figma

Что не так с техническими собеседованиями в IT? Статья обсуждает проблемы и недостатки текущих практик проведения технических собеседований в сфере IT. Автор делится своим опытом как соискателя и интервьюера, описывая такие проблемы, как чрезмерное внимание к алгоритмическим задачам и недостаточное соответствие тестовых заданий реальным рабочим задачам. Он предлагает альтернативные методы оценки кандидатов, такие как задачи, приближенные к реальной работе, и анализ существующего кода. А вы сталкивались на собеседованиях с теоретизированностью? 👍 ― Да. 🤔 ― Нет, мне давали сразу реальные задачи. 👉 @sWebDev | #собес

Управление состоянием в React и Angular Статья обсуждает подходы к управлению состоянием в двух популярных JavaScript-фреймворках: React и Angular. В статье сравниваются встроенные механизмы и сторонние библиотеки, используемые для управления состоянием в этих фреймворках. 👉 @sWebDev

Хватит терять время на уже готовый код! Frontend Trends — библиотека фронтендера, где собраны готовые CodePen решения для ежедневных задач. Эффекты при наведении, 3D-анимации, готовые карточки и др. Зашли – сохранили – применили в своём проекте. Пользуйтесь: @trends_frontend