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

Назначение метода Что делает метод ɵmarkDirty() в компоненте? Забыли? Вернитесь к посту от 21.04.2025. 👉 @sWebDev

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

Infinite Tunnel Настраиваемая анимация туннеля на Three.js. 👉 @sWebDev

Самый безопасный способ скрыть API-ключи в React В React-приложениях API-ключи легко могут утечь, если оставить их на клиенте. В статье объясняется, почему нельзя полагаться на переменные окружения или обфускацию кода, и почему для защиты ключей нужно использовать серверную прослойку. Разбор показывает, как правильно выстраивать архитектуру запросов, чтобы ключи не попадали в браузер. 👉 @sWebDev

Interactive Three.js Particle Morph Интерактивная морфинг анимация на Three.js. 👉 @sWebDev

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

Онлайн-магистратура с IT специальностями от Яндекса Совместно с ИТМО, МИФИ, МФТИ. Онлайн-магистратура с актуальными программами и гибким графиком обучения. Получите высокооплачиваемую IT профессию, официальный диплом и практические знания. Господдержка оплаты. Совмещение с работой! Узнать больше #реклама 16+ О рекламодателе

Как вам такой дизайн ванной комнаты? 👍 — Идеально. ❤️ — А это набивка или реальные коммиты? 👉 @sWebDev | #юмор

Sakura Bonsai Анимация сакуры на Three.js. 👉 @sWebDev

Оптимистичные обновления интерфейса Хук useOptimistic() в React позволяет обновлять состояние интерфейса до завершения серверного запроса, создавая ощущение мгновенного отклика. Первым аргументом передаётся массив или объект исходного состояния, вторым — функция, формирующая новое состояние из предыдущего и действия.

'use client';

import { useOptimistic } from 'react';

function TodoList({ todos }) {
  const [optimisticTodos, addOptimisticTodo] = useOptimistic(
    todos,
    (state, newTodo) => [...state, newTodo]
  );

  const handleAdd = async (text) => {
    addOptimisticTodo({ text });
    await fetch('/api/todo', { method: 'POST', body: JSON.stringify({ text }) });
  };

  return (
    <ul>
      {optimisticTodos.map((todo, i) => <li key={i}>{todo.text}</li>)}
    </ul>
  );
}

Метод addOptimisticTodo мгновенно обновляет список до ответа сервера. После получения реального ответа можно синхронизировать состояние или повторно перерендерить данные. 👉 @sWebDev

Вас раздражает, когда путают Java и JavaScript? 👍 – Уже привык, улыбаюсь и киваю. ❤️ – Каждый раз страдаю. 👉 @sWebDev | #юмор

Дарим подписку на Яндекс Музыку Ответьте на 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