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

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

Люди, которые пользуются светлой темой: 👍 – Эти люди я. ❤️ – Отрабатывают карму за прошлые жизни. 👉 @sWebDev | #юмор

Заяц под дождем Анимированная сцена с дождем на Three.js и Ammo.js. 👉 @sWebDev

Защита от утечек данных в RSC В React Server Components для предотвращения случайной утечки чувствительных данных на клиент существуют экспериментальные функции taintObjectReference и taintUniqueValue. taintObjectReference помечает весь объект как небезопасный для клиента, а taintUniqueValue — только конкретное значение в нём. При попытке передать такие "помеченные" данные в пропсы клиентского компонента React выбросит ошибку, блокируя утечку.

// server-component.js
import { taintUniqueValue } from 'react';
import { ClientComponent } from './client-component';

async function getData() {
  const data = {
    publicInfo: 'Some data',
    apiKey: 'SECRET-KEY-123'
  };

  taintUniqueValue(
    'Ключ API не должен попасть на клиент.',
    data,
    data.apiKey
  );
  return data;
}

export default async function Page() {
  const pageData = await getData();
  
  // Эта передача вызовет ошибку
  return <ClientComponent data={pageData} />;
}

👉 @sWebDev

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

Зачем вы тащите старую библиотеку в новый проект? 👍 – Потому что она проверена временем. ❤️ – Потому что в старой хотя бы всё понятно. 🤔 – Потому что в новой нет нужной фичи. 👉 @sWebDev | #юмор

Назначение preinit() Для чего используется метод ReactDOM.preinit()? Забыли? Вернитесь к посту от 09.06.2025. 👉 @sWebDev

Хотите освоить JavaScript и собрать свой проект за полтора месяца? Присоединяйтесь к Интенсиву — проекту Т-Образования. Учитесь очно в Москве или онлайн из любого города России. Что вас ждет: — 4—5 занятий в день: теория и практика вместе, каждый день вы пишете код; — программа от техлидов и разработчиков Т-Банка — никакой воды, только рабочие инструменты; — упор на JavaScript для фронтенд- и бэкенд-разработки; — ускоренный формат с полным погружением; — выпускной проект, который можно положить в портфолио и показать на собеседовании; — обучение летом без пересечений с вузом. Программа делится на два этапа: — с 14 июля по 3 августа — основа языка, практика каждый день; — с 4 по 24 августа — углубленные темы, командная работа, защита проекта. Финал — не просто сертификат: лучшие участники смогут пройти собеседование в команду Т-Банка. Для тех, кто будет учиться очно, интенсив это еще и комьюнити: экскурсии по офису, квизы, настольные игры и общение с теми, кто тоже хочет расти в ИТ. Кому подойдет: студентам 2—4 курсов, которые готовы поработать летом и вырасти до реальных задач.  Регистрируйтесь уже сейчас

SimplyCountdown.js SimplyCountdown.js — JavaScript-библиотека для создания простого таймера обратного отсчёта. Не требует зависимостей, настраивается через HTML-атрибуты или JavaScript-объекты. Подойдёт для лендингов, акций, мероприятий и виджетов с ограниченным временем. 👉 @sWebDev

Morphing Particle Sphere Интерактивная морфинг анимация текста на Three.js и GSAP. 👉 @sWebDev

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

Как frontend-разработчику получить оффер в Bigtech? Ты уже давно в профессии, но до сих пор в компании, которая тебя не ценит. Зарплата не растёт, задачи скучные. Хочешь сменить работу, но технические собеседования всё сложнее, а на отклики на hh только отказы и тестовые? При этом вокруг кто-то постоянно получает офферы в Яндекс или VK, Т-Банк. Хочется стабильности, интересных задач и наконец-то попасть в сильную команду...

Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Bigtech и сопровождаю на испытательном сроке.

На своем канале: 👉публикую видео с решением задач, которые прямо сейчас дают крупные компании на собеседованиях 👉даю примеры по прохождению собеседований 👉разбираю резюме и докручиваю резюме подписчиков 👉И просто создаю дружелюбное, комфортное сообщество, где коллеги всегда готовы подсказать и поддержать вас 🎁В закрепе тебя ждёт подборка из 60 задач, которые сейчас дают на собеседованиях Яндекс, Т-Банк и другие крупные IT игроки. Подписывайся и получай максимум пользы, а нас уже больше 2000 🤓: https://t.me/+WcZ7Ag-YMPFhZWQ6 Реклама, ИП Галактионов Тихон Витальевич, инн: 771618975809, erid: 2W5zFJXMmKW

Как frontend-разработчику получить оффер в Bigtech? Ты уже давно в профессии, но до сих пор в компании, которая тебя не ценит. Зарплата не растёт, задачи скучные. Хочешь сменить работу, но технические собеседования всё сложнее, а на отклики на hh только отказы и тестовые? При этом вокруг кто-то постоянно получает офферы в Яндекс или VK, Т-Банк. Хочется стабильности, интересных задач и наконец-то попасть в сильную команду...

Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Bigtech и сопровождаю на испытательном сроке.

На своем канале: 👉публикую видео с решением задач, которые прямо сейчас дают крупные компании на собеседованиях 👉даю примеры по прохождению собеседований 👉разбираю резюме и докручиваю резюме подписчиков 👉И просто создаю дружелюбное, комфортное сообщество, где коллеги всегда готовы подсказать и поддержать вас 🎁В закрепе тебя ждёт подборка из 60 задач, которые сейчас дают на собеседованиях Яндекс, Т-Банк и другие крупные IT игроки. Подписывайся и получай максимум пользы, а нас уже больше 2000 🤓: https://t.me/+1QWf4a2w72JiYTUy Реклама, ИП Галактионов Тихон Витальевич, инн: 771618975809, erid: 2W5zFJVsn3A

Основы тестирования во Vue с использованием Vitest В статье объясняется, как писать модульные тесты во Vue-проектах с использованием Vitest — современного и быстрого инструмента, совместимого с Vite. Разбираются базовые принципы, настройка окружения и примеры тестов для компонентов. Полезно тем, кто только осваивает тестирование во Vue и хочет понять, с чего начать. 👉 @sWebDev

GridClash Игра три в ряд на Three.js. 👉 @sWebDev

Современная магистратура от Центрального университета Хочешь развиваться в сфере ИТ и получить фундаментальные знания с практикой? Поступай в магистратуру Центрального университета! - 4 офлайн программы по востребованным направлениям ИТ - Онлайн-программа по машинному обучению - 300 мест с грантами до 1,2 млн руб. - Вечерние занятия и учеба по выходным — удобно совмещать с работой - Обучение по модели STEM-образования: на стыке науки, технологий и бизнеса - Возможность стажировок и трудоустройства в ведущих компаниях - Государственный диплом за 2 года Магистратура в Центральном университете — это современный подход к образованию, сильный преподавательский состав и актуальные кейсы от индустрии. Оставляй заявку на грант уже сейчас! Подать заявку #реклама 16+ apply.centraluniversity.ru О рекламодателе

iNoBounce iNoBounce — библиотека для отключения «резинового» скролла на мобильных устройствах iOS. Решает проблему неконтролируемой прокрутки за пределы контента. 👉 @sWebDev

Как вы тестируете код, сгенерированный нейронкой? 👍 – Пускаю на прод — если выживет, значит норм. ❤️ – Смотрю в код и надеюсь на чудо. 🤔 – Проверка? А где кнопка “Deploy”? 👉 @sWebDev | #юмор

Twisted Torus Анимация фигур на Three.js. 👉 @sWebDev